.brxe-lns-swap-two-image {
    position: relative;
    width: 100%;
}

.brxe-lns-swap-two-image:before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: calc(577/562*100%);
}

.brxe-lns-swap-two-image>img {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    width: 64.9478%;
    object-fit: cover;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 365/482;
}

.brxe-lns-swap-two-image>img.lns_front {
    animation: lns_move_front .8s forwards;
}

.brxe-lns-swap-two-image>img.lns_back {
    animation: lns_move_back .8s forwards;
}

@keyframes lns_move_front {
    0% {
        z-index: 0;
        transform: translateX(-64%) translateY(-29%) scale(0.8);
    }

    50% {
        z-index: 1;
    }

    100% {
        z-index: 1;
        transform: translateX(0%) translateY(0%) scale(1);
    }
}

@keyframes lns_move_back {
    0% {
        z-index: 1;
        transform: translateX(0%) translateY(0%) scale(1);
    }

    50% {
        z-index: 0;
    }

    100% {
        z-index: 0;
        transform: translateX(-64%) translateY(-29%) scale(0.8);
    }
}