/* Picture wrappers keep the existing image positioning, masks and animations. */
.ref-image {
    display: block;
    width: 100%;
    height: 100%;
}

.ref-image--mobile {
    display: none;
}

@media (max-width: 900px) {
    .ref-image--mobile {
        display: block;
        width: min(100%, 540px);
        height: auto;
        aspect-ratio: 16 / 10;
        margin-bottom: 30px;
    }

    .ref-image--mobile .ref-story-mobile-image {
        width: 100%;
        height: 100%;
        aspect-ratio: auto;
        margin-bottom: 0;
    }
}