.ws-image-reveal {
    contain: paint;
    display: block;
    overflow: hidden;
    position: relative;
}

.ws-image-reveal .ws-image-reveal__element {
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.ws-image-reveal[data-animation-direction='top'] .ws-image-reveal__element {
    transform: translateY(-100%);
}

.ws-image-reveal[data-animation-direction='bottom'] .ws-image-reveal__element {
    transform: translateY(100%);
}

.ws-image-reveal[data-animation-direction='left'] .ws-image-reveal__element {
    transform: translateX(-100%);
}

.ws-image-reveal[data-animation-direction='right'] .ws-image-reveal__element {
    transform: translateX(100%);
}

.ws-image-reveal .ws-image-reveal__element .ws-image-object {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform-origin: left;
}

.ws-image-reveal[data-animation-direction='top'] .ws-image-reveal__element .ws-image-object {
    transform: translateY(100%) scale(var(--scale));
}

.ws-image-reveal[data-animation-direction='bottom'] .ws-image-reveal__element .ws-image-object {
    transform: translateY(-100%) scale(var(--scale));
}

.ws-image-reveal[data-animation-direction='left'] .ws-image-reveal__element .ws-image-object {
    transform: translateX(100%) scale(var(--scale));
}

.ws-image-reveal[data-animation-direction='right'] .ws-image-reveal__element .ws-image-object {
    transform: translateX(-100%) scale(var(--scale));
}