.embla {
    max-width: 100%;
    margin: auto;
}
.embla__viewport {
    overflow: hidden;
}
.embla__container {
    display: flex;
}

.embla__slide {
    flex: 0 0 70%;
    height: 350px;
    padding: 0 10px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.embla__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 12px;
}
/* effet focus */
.embla__slide:not(.is-selected) {
    opacity: 0.5;
    transform: scale(0.9);
}
/* responsive */
@media (max-width: 768px) {
    .embla__slide {
        height: 100%;
        flex: 0 0 85%;
    }
}