@media (max-width: 767px) {
    .kat-coffee-gallery {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: 8px !important;
        -webkit-overflow-scrolling: touch;
        
        /* Hide scrollbars */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none;  /* IE and Edge */
        
        /* Full width of the viewport */
        width: 100vw !important;
        max-width: 100vw !important;
        /* Pull it out of its container if there is padding, or just rely on the container */
        position: relative;
    }

    .kat-coffee-gallery::-webkit-scrollbar {
        display: none; /* Chrome, Safari and Opera */
    }

    /* Target the direct child containers of the gallery flexbox */
    .kat-coffee-gallery > .e-con,
    .kat-coffee-gallery > .e-container,
    .kat-coffee-gallery > div {
        /* Roughly 2.6 items visible (100% / 2.6 = ~38.4%) */
        flex: 0 0 calc(38.4% - 8px) !important;
        min-width: calc(38.4% - 8px) !important;
        max-width: none !important;
        width: auto !important;
    }

    /* Images */
    .kat-coffee-gallery img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}