/* Misc block styles */

.logo-soup.layout-carousel {
    /* Apply a gradient mask that fades 40px on both the left and right sides */
    mask-image: linear-gradient(
        to right,
        transparent 0px,
        black 40px,
        black calc(100% - 40px),
        transparent 100%
    );

    -webkit-mask-image: linear-gradient(
        to right,
        transparent 0px,
        black 40px,
        black calc(100% - 40px),
        transparent 100%
    );

    /* Ensures the mask doesn't break scrolling functionality */
    mask-composite: intersect;
    -webkit-mask-composite: intersect;
}
