.section-recipe {
    overflow: hidden;
}
.recipe-image-wrap {
    position: relative;
    margin-left: -223px;
}
.recipe-nav {
    display: none;
}
.recipe-nav .swiper-nav {
    font-size: 38px;
    color: #811E15;
}
.item-recipe-image {
    mask-image: url('../../svg/recip.svg');
    mask-repeat: no-repeat;
    mask-size: cover;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
}
.item-recipe-image img {
    width: 100%;
    transition: 0.7s ease
}
.item-recipe:hover .item-recipe-image img {
    transform: scale(1.1) rotate(5deg);
}
.item-recipe {
    text-align: center;
}
.en-text {
    font-family: var(--en_font);
    color: #fff;
    font-size: 71px;
    position: absolute;
    transform: rotate(-90deg);
    transform-origin: right center;
    top: -39px;
    right: 80px;
    background: linear-gradient(to right, #fff 40%, var(--color2) 50%, #fff 60%);
    background-size: 300% auto;
    background-position: 100% center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position 1.2s ease;
}
.recipe-image {
    transition: transform 0.6s ease;
    transform-origin: center;
}
.section-recipe .icon-down,
.section-recipe .icon-up {
    display: block;
    transform: rotateY(180deg);
}
@media screen and (min-width: 992px) {
    .section-recipe {
        display: flex;
        align-items: center;
    }
    .recipe-nav {
        display: flex;
        flex-direction: column;
        gap: 17px;
        margin: 0 10px 0 15px;
    }
    .swiper-recipe-wrap {
        display: block;
        max-width: calc(100% - 300px);
    }
}