Card Carousel

<div class="c-cardCarousel" itemscope itemtype="http://schema.org/ItemList">
    <header class="c-cardCarousel__header">
        <div class="c-cardCarousel__title">
            <h3 itemprop="name">Cultura<sup itemprop="numberOfItems">16</sup></h3>
        </div>

        <a class="c-cardCarousel__link" href="#">Guarda tutti</a>
    </header>

    <div class="c-cardCarousel__wrapper">
        <ul class="c-cardCarousel__list">
            <li class="c-cardCarousel__item" itemprop="itemListElement">
                <div class="c-card ">
                    <a class="c-card__imgWrapper bgColor--2" href="#">
                        <img loading="lazy" class="c-card__img a-zoom" src="/img/project-01.png" alt="progetto 01">
                    </a>
                    <a href="#">
                        <h4 class="c-card__title">
                            99objects visual identity
                        </h4>
                    </a>

                    <div class="c-card__abstract">
                        <p>Identità visiva per una enciclopedia fotografica che parla di 99 oggetti da collezione, attraverso 99 immagini.</p>
                    </div>

                </div>
            </li>
            <li class="c-cardCarousel__item" itemprop="itemListElement">
                <div class="c-card ">
                    <a class="c-card__imgWrapper bgColor--5" href="#">
                        <img loading="lazy" class="c-card__img a-zoom" src="/img/project-02.png" alt="Modena Champagne Experience">
                    </a>
                    <a href="#">
                        <h4 class="c-card__title">
                            Modena Champagne Experience
                        </h4>
                    </a>

                    <div class="c-card__abstract">
                        <p>Identità visiva per il più grande evento italiano dedicato allo champagne</p>
                    </div>

                </div>
            </li>
            <li class="c-cardCarousel__item" itemprop="itemListElement">
                <div class="c-card ">
                    <a class="c-card__imgWrapper bgColor--9" href="#">
                        <img loading="lazy" class="c-card__img a-zoom" src="/img/project-02.png" alt="Gli asteroidi">
                    </a>
                    <a href="#">
                        <h4 class="c-card__title">
                            Gli asteroidi
                        </h4>
                    </a>

                    <div class="c-card__abstract">
                        <p>Identità visiva, logo e locandina ufficiale per un film indipendente presentato a Locarno 2017.</p>
                    </div>

                </div>
            </li>
            <li class="c-cardCarousel__item" itemprop="itemListElement">
                <div class="c-card ">
                    <a class="c-card__imgWrapper bgColor--1" href="#">
                        <img loading="lazy" class="c-card__img a-zoom" src="/img/project-01.png" alt="progetto 01">
                    </a>
                    <a href="#">
                        <h4 class="c-card__title">
                            99objects visual identity
                        </h4>
                    </a>

                    <div class="c-card__abstract">
                        <p>Identità visiva per una enciclopedia fotografica che parla di 99 oggetti da collezione, attraverso 99 immagini.</p>
                    </div>

                </div>
            </li>
            <li class="c-cardCarousel__item" itemprop="itemListElement">
                <div class="c-card ">
                    <a class="c-card__imgWrapper bgColor--17" href="#">
                        <img loading="lazy" class="c-card__img a-zoom" src="/img/project-02.png" alt="Gli asteroidi">
                    </a>
                    <a href="#">
                        <h4 class="c-card__title">
                            Gli asteroidi
                        </h4>
                    </a>

                    <div class="c-card__abstract">
                        <p>Identità visiva, logo e locandina ufficiale per un film indipendente presentato a Locarno 2017.</p>
                    </div>

                </div>
            </li>
        </ul>
    </div>

</div>