.ct-carte {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: min(5rem,5vw);
}
.ct-carte::before {
    position: absolute;
    z-index: 2;
    content: '';
    width: 100%;
    height: 100%;
    rotate: 19deg;
    pointer-events: none;
    background-size: 60%;
    background-position: 54% 51%;
    background-repeat: no-repeat;
    background-image: url(../images/line-mobile.svg);
}
.ct-carte::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-size: 80%;
    mix-blend-mode: overlay;
    background-position: left 45%;
    background-repeat: no-repeat;
    background-image: url(../images/white-logo.svg);
}
.ct-carte > figure {
    position: absolute;
    flex: 1;
    z-index: 1;
    inset: 0;
    width: auto;
    height: 100%;
    max-width: 100%;
}
/* .ct-carte:not(:is(.mce-content-body .ct-carte)) > figure {transform: translateY(-8%);} */
.ct-carte > figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ct-carte ul.caption {
    position: relative;
    width: 100%;
    z-index: 1;
    display: flex;
    row-gap: min(2rem,3vw);
    flex-direction: column;
    justify-content: space-between;
    filter: drop-shadow(6px 6px 14px var(--cLBlackTranslucent2));
}
.ct-carte ul.caption > li {
    position: relative;
    cursor: pointer;
    transition: all .2s;
    width: min(260px,70vw);
    padding: min(0.8rem,4vw);
    font-size: min(14px,4vw);
    border-radius: min(1rem,2vw);
}
.ct-carte ul.caption > li:nth-child(1) {margin-left: auto;}
.ct-carte ul.caption > li:nth-child(3) {
    margin-left: 10%;
    margin-top: min(300px,75vw);
}
.ct-carte ul.caption > li:not([class^="th-"]) {background-color: var(--cLWhite);}
.ct-carte ul.caption > li .text img {
    z-index: 2;
    height: 50px;
    object-fit: cover;
    border-radius: .3rem;
}
.ct-carte:not(:is(.mce-content-body .ct-carte)) ul.caption > li .text img {
    position: absolute;
    inset: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all .2s;
    border-radius: min(1rem,2vw);
}
.ct-carte:not(:is(.mce-content-body .ct-carte)) ul.caption > li:hover .text img {opacity: 1;}
.ct-carte ul.caption > li .text strong {
    width: 100%;
    display: inline-block;
    font-size: min(16px,3.6vw);
}
.ct-carte ul.caption > li .text a {font-weight: 700;}
@media (min-width:768px) {
    .ct-carte > figure {
        position: relative;
        inset: inherit;
    }
    .ct-carte ul.caption {
        position: relative;
        z-index:2;
        row-gap: 2rem;
        flex: 0 0 auto;
        margin-top: auto;
        width: min(300px,100%);
    }
    /* .ct-carte:not(:is(.mce-content-body .ct-carte)) > figure {
        margin-top: calc(min(5rem,13vw) * -1);
        transform: translateY(calc(min(5rem,13vw) * -1));
    } */
    .ct-carte ul.caption > li::before {right: 100%;}
    .ct-carte ul.caption > li:nth-child(1) {margin-left:-10%}
    .ct-carte ul.caption > li:nth-child(3) {
        margin-top: 0;
        margin-left:-25%;
    }
    .ct-carte ul.caption > li:last-child {transform: translateY(-15%);}
    .ct-carte::before {
        rotate: 0deg;
        background-size: 32%;
        background-position: 54% 81%;
        background-image: url(../images/lines-desktop.svg);
    }
}
@media (min-width:1024px) {  
    .ct-carte::before {
        rotate: 2deg;
        background-size: 30%;
        background-position: 64% 75%;
    }
}
@media (min-width:1200px) { 
    .ct-carte::before {
        rotate: 0deg;
        background-size: 37%;
        background-position: 47% 78%;
    }
}
@media (min-width:1360px) {
    .ct-carte::before {
        background-size: 33%;
        background-position: 56% 80%;
    }
}
@media (min-width:1440px) {
    .ct-carte::before {
        background-position: 60% 79%;
    }
}
@media (min-width:1660px) {
    .ct-carte ul.caption {row-gap: 6rem;}
    .ct-carte::before {
        background-size: 37%;
        background-position: 68% 81%;
    }
}