.swiper-container {
    max-width: 1200px;
    max-height: 720px;
    aspect-ratio: 10/6;
    opacity: 1;
}
.c1 {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.c1 img {
    flex-shrink: 0;
    max-width: 100%;
    border-radius: 8px;
}
.c2 {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.c2 img {
    flex-shrink: 0;
    max-width: 100%;
    border-radius: 8px;
}
.c3 {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.c3 img {
    flex-shrink: 0;
    max-width: 100%;
    border-radius: 8px;
}
.c4 {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.c4 img {
    flex-shrink: 0;
    max-width: 100%;
    border-radius: 8px;
}
.c5 {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.c5 img {
    flex-shrink: 0;
    max-width: 100%;
}
.swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)) !important;
}
.swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)) !important;
}