[data-landscape-image] {
    transform-origin: center;
}

[data-landscape-image].is-landscape-rotated {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none !important;
    max-height: none !important;
    object-fit: fill !important;
    transform: translate(-50%, -50%) rotate(90deg);
}

[data-landscape-image-container] {
    position: relative;
}

@media (prefers-reduced-motion: no-preference) {
    [data-landscape-image] {
        transition: width .2s ease, height .2s ease;
    }
}