{% block body %}

{% include 'animation_base.html.twig' %}


<div id="carouselExample" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
  <div class="carousel-inner fixed-height">
    {% set imageDirectory = '/upload/' %}
    {% for image in images %}
                  <div id="carousel_item" class="carousel-item {% if loop.first %}active{% endif %}">
                  <img src="/upload/{{image.imagefile}}" id="galery_image" class="d-block w-100" alt="Bild {{ loop.index }}">
                  </div>
    {% endfor %}
                
  </div>
  <a class="carousel-control-prev" href="#carouselExample" role="button" data-bs-slide="prev">
    <span class="carousel-control-prev-icon fixed-arrow" aria-hidden="true"></span>
  </a>
         
  <a class="carousel-control-next" href="#carouselExample" role="button" data-bs-slide="next">
    <span class="carousel-control-next-icon fixed-arrow" aria-hidden="true" ></span>

  </a>
</div>        


{% endblock %}