.app__image{transform-style:preserve-3d;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}

.fx1 {
    background-attachment: fixed;
    background-color: #232328;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: cover;
    background-image: url('../images/1-cue-bridge-p-perspective-1200.webp');
}

@media (min-width: 1200px) {
    .fx1 {
        background-image: url('../images/1-cue-bridge-p-perspective-1600.webp');
    }
}

@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 1.7),
       (min-width: 1200px) and (min-resolution: 144dpi) {
    .fx1 {
        background-image: url('../images/1-cue-bridge-p-perspective-2400.webp');
    }
}

@media (min-width: 1600px) {
    .fx1 {
        background-image: url('../images/1-cue-bridge-p-perspective-2000.webp');
    }
}

@media (min-width: 2000px) {
    .fx1 {
        background-image: url('../images/1-cue-bridge-p-perspective-2560.webp');
    }
}