@media (max-width: 768px) {
    .swiper-container {
      width: 100%;
      height: auto;
    }
    .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .swiper-button-next, .swiper-button-prev {
        width: 40px;  
        height: 40px;  
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
    }
    .swiper-button-next::after, .swiper-button-prev::after {
        font-size: 20px;
        color: white;
    }
    .swiper-button-next {
        right: 10px;
    }
    .swiper-button-prev {
        left: 10px;
    }
  }
@media (min-width: 769px) {
    .swiper-slide{
        width: 20%;
        margin:10px;
        padding-bottom:10px;
    }
    .swiper-wrapper{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}