.scroll-twist-wrapper-1{
    perspective:1200px;
}

.scroll-twist-wrapper-inside-anim-1{
    transform-style: preserve-3d;
}


.scroll-twist-card-1{
    position:relative;
    width:100%;
    height:100%;
    transform-style: preserve-3d;
}

/* задняя сторона */
.scroll-twist-card-1::before{
    content:"";
    position:absolute;
    inset:0;

    background:url(scroll-twist-card-before-1) center/cover no-repeat;

    transform:rotateY(180deg);
    backface-visibility:hidden;
}

/* передняя сторона */
.scroll-twist-card-1::after{
    content:"";
    position:absolute;
    inset:0;

    background:url(scroll-twist-card-after-1) center/cover no-repeat;

    backface-visibility:hidden;
}

/* боковая грань (толщина) */
.scroll-twist-card-1 .card-edge{
    position:absolute;
    top:0;
    right:0;
    width:6px;
    height:100%;

   background: linear-gradient(
     to bottom right,
    #1f1f1f,
    #3a3a3a,
    #6a6a6a,
    #3a3a3a,
    #1f1f1f
);
    transform:rotateY(90deg) translateZ(0px);
    transform-origin:right;
}