.aag-slider {
position: relative;
width: 100%;
aspect-ratio: 9 / 16; 
border-radius: 8px;
color: #fff;
/*overflow: hidden; */
}
.aag-slide {
/*position: absolute;*/
inset: 0;
display: none;
align-items: center;
justify-content: center;
transition: opacity 0.5s ease;
opacity: 0;
}
.aag-slide-active {
display: flex;
opacity: 1;
}
.aag-slide-inactive {
opacity: 0;
}

.aag-slide img {
max-width: 100% !important;
max-height: 100% !important;
width: auto;
height: auto;
object-fit: contain; 
display: block;
}

.aag-slider-dots {
position: absolute;
left: 50%;
bottom: 10px; 
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 2;
}
.aag-slider-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.4);
cursor: pointer;
}
.aag-slider-dot-active {
background: #000;
}