Add event carousel to fit extra events

NOTE(Carousel Classes Shared): ".carousel img" class modified to
".carousel-image" and integrated into main carousel(@index.html)
-3 More dummy events added to "Events Section"
-.events-section .item class declared @app.css
-centering of event images and text done to prevent overlapping with
Carousel control
for readability.
To understand the above changes please navigate to the event section of
index.html and notice the carousel sliding control to scroll through 3
events at a time. The pictures are just for example and can be changed
to preference. Cheers!!! :D