/* Only gallery 19957 on the Dubai proposal page receives these classes. */
.portfolio_filter_wrapper.sbc-proposal-mosaic {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: var(--ratio-mobile);
    transition: none;
}

.portfolio_filter_wrapper.sbc-proposal-mosaic > .element {
    position: absolute;
    float: none;
    left: var(--x-mobile);
    top: var(--y-mobile);
    width: var(--w-mobile);
    height: var(--h-mobile);
    margin: 0;
    padding: 0;
    transition: none;
}

.sbc-proposal-mosaic > .element > .gallery_type,
.sbc-proposal-mosaic > .element > .gallery_type > a {
    display: block;
    float: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 1;
    transform: none;
    animation: none;
    transition: none;
    border-radius: 0;
}

.portfolio_filter_wrapper.sbc-proposal-mosaic > .element > .gallery_type > a > img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: contain;
    border-radius: 0;
    transform: none;
    transition: none;
}

@media (min-width: 640px) {
    .portfolio_filter_wrapper.sbc-proposal-mosaic {
        aspect-ratio: var(--ratio-tablet);
    }
    .portfolio_filter_wrapper.sbc-proposal-mosaic > .element {
        left: var(--x-tablet);
        top: var(--y-tablet);
        width: var(--w-tablet);
        height: var(--h-tablet);
    }
}

@media (min-width: 1024px) {
    .portfolio_filter_wrapper.sbc-proposal-mosaic {
        aspect-ratio: var(--ratio-desktop);
    }
    .portfolio_filter_wrapper.sbc-proposal-mosaic > .element {
        left: var(--x-desktop);
        top: var(--y-desktop);
        width: var(--w-desktop);
        height: var(--h-desktop);
    }
}