/* Container ratio générique */

.billboard-ratio {
    position: relative;
    overflow: hidden;
}

/* Ratios supportés */

.billboard-ratio-10x16 {
    aspect-ratio: 10 / 16;
}

.billboard-ratio-2x1 {
    aspect-ratio: 2 / 1;
}

/* Le carousel doit remplir le ratio */

.billboard-ratio .carousel-inner,
.billboard-ratio .carousel-item {
    height: 100%;
}

/* Le lien image doit remplir la slide */

.billboard-ratio .carousel-item > a {
    display: block;
    width: 100%;
    height: 100%;
}

/* L'image doit couvrir le conteneur */

.billboard-ratio .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Positionnement overlay bouton/caption */

.billboard-ratio .carousel-caption,
.billboard-ratio .position-absolute {
    z-index: 2;
}