@media (min-width: 0px) {
    .gallery-row .row {
        gap: 12px !important;
        flex-wrap: wrap;
    }
    .gallery-row .msc-active-image__details {
        display: flex !important;
        position: absolute !important;
        top: unset !important;
        bottom: -40px !important;
        opacity: 0;        
        width: 100% !important;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 1)) !important;
        margin: 0 !important;
        padding: 20px !important;
        height: auto !important;
        transition: all 0.5s ease-in-out;
    }
    .gallery-row .col-auto:hover .msc-active-image__details {
        opacity: 1;
        bottom: 0px !important;
    }
    .gallery-row .msc-active-image__details__additional-content {
        display: none !important;
    }

    .gallery-row .row .col-auto {
        height: 300px;
    }
    .gallery-row .col-lg-3 {
        flex: 0 0 100% !important;
    }
    .gallery-row .col-lg-6 {
        flex: 0 0 100% !important;
    }

    .gallery-row .msc-active-image,
    .gallery-row .msc-active-image-wrapper,
    .gallery-row .msc-active-image-container,
    .gallery-row picture {
        height: 100%;
    }
    .gallery-row img {
        object-fit: cover;
        transition: all 0.3s ease-in-out;
    }
    .gallery-row .col-auto:hover img {
        transform: scale(1.05);
    }
}

/*@media (min-width: 576px) {} */
/* @media (min-width: 768px) {} */

@media (max-width: 991px) {
    .gallery-row .col-lg-3,
    .gallery-row .col-lg-6 {
        max-width: 100% !important;
    }
}

@media (min-width: 992px) {
    .gallery-row .row {
        flex-wrap: nowrap;
    }
    .gallery-row .col-lg-3 {
        flex: 0 0 calc(25% - 8px) !important;
    }
    .gallery-row .col-lg-6 {
        flex: 0 0 calc(50% - 8px) !important;
    }
}