.swiper-container {
    width: 100%;
    max-width: 1220px;
    margin: auto;
    overflow: hidden;
    padding: 0; /* remove vertical padding to avoid extra blank space */
}
.swiper-wrapper {
    display: flex;
}
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: auto;
    max-width: 90%;
    height: auto;
    max-height: 320px;
    object-fit: contain; /* ensure full image visible without cropping */
    margin: 0 auto;
}