.swiper-button-next:after, .swiper-button-prev:after {
    all: unset;
}

.mySwiper { position: relative; }

.my-prev, .my-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 100px; height: 100px;
  display: grid; place-items: center;
  background: rgba(0,0,0,.5);
  color: #fff; border: 0; border-radius: 9999px;
  cursor: pointer;
}

.my-prev { left: 15px; }
.my-next { right: 15px; }

.my-prev.swiper-button-disabled,
.my-next.swiper-button-disabled {
  opacity: .35; pointer-events: none;
}

.swiper {
    width: 100%;
    height: 500px;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
}