<div class="imgsCouv"> 
  <div id="carousel_UP" class="carousel slide carousel-fade imgCaroussel" data-bs-ride="carousel"> 
    <div class="carousel-inner" > 
 
      {% if proimages|length > 0 %} 
        {% set init = 0 %} 
        {% for proimage in proimages %} 
          <div class="carousel-item prof{% if init == 0 %} active{% endif %}" data-bs-interval="3000"> 
            <img src="{{ pathLocal }}uploads/espacePro/640/v_{{ proimage.url }}" alt="{{ proimage.alt }}" class="d-block w-100"> 
          </div> 
          {% set init = init + 1 %} 
        {% endfor %} 
      {% else %} 
        <div class="carousel-item prof active" data-bs-interval="3000"> 
          <img src="{{ pathLocal }}imgs/pagePro/recyclable.png" alt="Espace Pro" class="d-block w-100"> 
        </div> 
 
        <div class="carousel-item prof" data-bs-interval="3000"> 
          <img src="{{ pathLocal }}imgs/pagePro/degradable.png" alt="Espace Pro" class="d-block w-100"> 
        </div> 
 
        <div class="carousel-item prof" data-bs-interval="3000"> 
          <img src="{{ pathLocal }}imgs/pagePro/alveolaire.png" alt="Espace Pro" class="d-block w-100"> 
        </div> 
      {% endif %} 
 
 
    </div> 
  </div> 
</div>