.recipe-card {
    background-color: #ffffff;
    border-radius: 30% 30% 20px 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.recipe-card img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin-top: 20px;
    padding-top: 0;
}
.container {
    transform: translate(0px, 200px);
    transition: all 1s ease;
}
.container._active {
    transform: translate(0px, 0px);
}
.side-image-right {
    position: absolute;
    right: 0;
    transform: scaleX(-1) translate(0, 60px);
    transition: all 0.8s ease;
}
.side-image-right._active {
    transform: scaleX(-1) translate(0, 0);
}
.side-image-left {
    position: absolute;
    left: 0;
    margin-block: -100px;
    transform: translate(-60px, 60px);
    transition: all 0.8s ease;
}
.side-image-left._active {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.8s ease;
}
.video {
    width: 100%;
    max-width: 700px;
    height: auto;
    border-radius: 5%;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    background-color: white;
    position: relative;
    margin-inline: 40px;
    margin-bottom: 200px;
    margin-top: -40px;
    transform: rotateY(5deg) translate(0px, 50px);
    transition: all 1s ease;
    aspect-ratio: 16 / 9;
    background-color: white;
    overflow: hidden;
}
.video iframe {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: white;
}
@media only screen and (max-width: 992px) {
    .video {
        margin-inline: 10px;
        margin-bottom: 0;
    }
    .video-margin {
        padding: 10%;
    }
    .imgright {
        right: 20%;
        top: auto !important;
        left: auto !important;
    }
}
.imgright {
    transform: rotateZ(80deg);
    position: absolute;
    height: 100px;
    top: 400px;
    left: 500px;
}
.video._active {
    transform: rotateY(5deg) translate(0px, 0px);
}