.🌊, .🧗‍♂️, .🧗‍♂️800 {
    transition: left 20s ease-in-out;
    object-fit: cover;
    object-position: right;
    min-height: calc(100% + 20px);
    min-width: 100%;
    max-height: calc(100% + 20px);
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-55%, -50%) scale(1.08);
}

.🙉 {transition: all 1.3s; opacity: 0; position: relative;} .🙉[data-active="true"] {opacity: 1;} .🙉.slide-in-left {left:-100%;} .🙉.slide-in-right {right:-100%;} .🙉.slide-in-left[data-active="true"] {left: 0% !important;} .🙉.slide-in-right[data-active="true"] {right: 0% !important;} .🙉.slide-up[data-active="true"] { will-change: transform; opacity: 1; transition-duration: 1000ms;transition-timing-function: cubic-bezier(0.4, 0, 0.4, 1); transform: translateY(-33vh); position: relative; visibility: visible; top: calc(0px + 33vh); }