.qui {
//width:4%;
    aspect-ratio: 1 / 1;
    border-radius: 0 30% 0 30%;
    background: #F8D748;
    color: black;
}

.under-carousel {
    background-color: black;
    color: white;
}

.under-carousel a {
    text-decoration: none;
    color: #F8D748;
}

.carousel-element-container {
    position: relative;
    width:90%;
    aspect-ratio: 1/1.1;
}
.carousel-element-container-square {
    position: relative;
    width:90%;
    aspect-ratio: 1/1.1;
}
.carousel-element-container img {
    position: absolute;
    left:10%;
    bottom:28%;
    width:85%;
    border-radius: 0 30% 0 30%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.carousel-element-container-square img {
    position: absolute;
    left: 0;
    bottom:28%;
    width:95%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.carousel-element-background {
    position: absolute;
    width:85%;
    aspect-ratio: 1 / 1;
    left:1%;
    bottom:10%;
    border-radius: 0 30% 0 30%;
}

.carousel-element-background-black {
    position: absolute;
    width:85%;
    aspect-ratio: 1 / 1;
    left:5%;
    bottom:10%;
    border-radius: 0 30% 0 30%;
    background: black;
    opacity: 0.85;
}

.carousel-element-background-white {
    position: absolute;
    width:85%;
    aspect-ratio: 1 / 1;
    left:5%;
    bottom:10%;
    border-radius: 0 30% 0 30%;
    background: whitesmoke;
    opacity: 0.55;
}

.carousel-element-text-white {
    color: white;
}

.carousel-element-text {
    position: absolute;
    width:85%;
    aspect-ratio: 1 / 1;
    left:1%;
    bottom:10%;
    border-radius: 0 30% 0 30%;
    color: black;
}

.element-text {

    width:100%;
    aspect-ratio: 1 / 1;
    left:2.5%;
    bottom:10%;
    border-radius: 0 30% 0 30%;
    color: black;
}

.carousel-element-text-title {
    line-height: 90%;
    position: absolute;
    bottom: 9%;
    left: 25%;
    font-size: 0.9vw;
}

.carousel-element-text-info {
    position: absolute;
    bottom: 2%;
    right: 5%;
    font-size: 0.9vw;
}