<div id="gallerySlider" class="carousel slide" data-ride="carousel">
	<div class="carousel-inner">
		{% for media in medias %}
		{% if media.object_type == 'image' %}
		<div class="carousel-item {% if loop.first %}active{% endif %}">
			<img class="img-fluid" src="{{media.src|resize(1100,500)}}" alt="{{media.alt}}">
		</div>
		{% endif %}
		{% endfor %}
	</div>
	
	<a class="carousel-control-prev" href="#gallerySlider" role="button" data-slide="prev">
	<i class="fa fa-angle-left fa-lg" aria-hidden="true"></i>
	<span class="sr-only">Previous</span>
	</a>
	<a class="carousel-control-next" href="#gallerySlider" role="button" data-slide="next">
	<i class="fa fa-angle-right fa-lg" aria-hidden="true"></i>
	<span class="sr-only">Next</span>
	</a>
</div>
