[data-slider] {
    --tileSize: 200px;
    display: flex;
    /*justify-content: center;*/

    @media (max-width: 768px) {
        --tileSize: 100px;
    }

    width: 100%;
    overflow: hidden;
    white-space: nowrap;

    div.slider-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 22px;
        width: max-content;

        > * {
            flex-shrink: 0;
        }
    }

    div.tile {
        width: var(--tileSize);
        height: var(--tileSize);

        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;

        img {
            width: 75%;
            height: auto;
            object-fit: contain;
        }
    }
}