@media (max-width: 1920px) {

    #next-item img,
    #previous-item img {
        transform: scale(1.5);
    }
}

@media (max-width: 1280px) {
    #exit-container img {
        scale: 0.7;
    }

    #next-item img,
    #previous-item img {
        transform: scale(1.25);
    }
}

@media (max-width: 798px) {

    #next-item img,
    #previous-item img {
        transform: scale(1.2);
    }
}

@media (max-width: 640px) {
    #exit-container img {
        scale: 0.6;
    }

    #next-item img,
    #previous-item img {
        transform: scale(1);
    }

}

@media (orientation: portrait) {

    #item-fullscreen {
        align-items: center;
    }

    #next-item,
    #previous-item {
        grid-area: 3 / 2 / 4 / 2;
    }

    #exit-container {
        bottom: 0;
        right: 50%;
        transform: translate(50%, 100%);
    }

    .exit-animation {
        transform: translate(50%, -350%) !important;
    }

    /* = Phone Portrait = */
    @media (max-width: 1280px) {

        #exit-container img {
            scale: 0.8;
        }
    }

    @media (max-width: 920px) {

        #exit-container img {
            scale: 0.7;
        }
    }

    /* With JS only in uni */
    #preview-full {
        grid-template-rows: 5% 70% 15% 10%;
    }
}