<section class="mwg_effect008">
    <div class="header">
        <div class="texts">
            <p>Stay Inspired</p>
            <p>20 — 24</p>
        </div>
        <div class="drag">
            <img src="assets/medias/icon.svg" alt="">
            <p>Drag the carouSel to be wowed</p>
        </div>
    </div>
    <div class="container">
        <div class="card"><img src="assets/medias/1.png" alt=""></div>
        <div class="card"><img src="assets/medias/2.png" alt=""></div>
        <div class="card"><img src="assets/medias/3.png" alt=""></div>
        <div class="card"><img src="assets/medias/4.png" alt=""></div>
        <div class="card"><img src="assets/medias/5.png" alt=""></div>
        <div class="card"><img src="assets/medias/6.png" alt=""></div>
        <div class="card"><img src="assets/medias/7.png" alt=""></div>

        <!-- Duplicate for the infinite loop -->
        <div class="card"><img src="assets/medias/1.png" alt=""></div>
        <div class="card"><img src="assets/medias/2.png" alt=""></div>
        <div class="card"><img src="assets/medias/3.png" alt=""></div>
        <div class="card"><img src="assets/medias/4.png" alt=""></div>
        <div class="card"><img src="assets/medias/5.png" alt=""></div>
        <div class="card"><img src="assets/medias/6.png" alt=""></div>
        <div class="card"><img src="assets/medias/7.png" alt=""></div>
    </div>
</section>