.image-gallery {
  padding: 4rem 6rem;
  padding-bottom: 5rem;
}

@media only screen and (max-width: 700px) {
  .image-gallery {
    padding: 4rem;
  }
}

.swiper {
  width: 100%;
  height: 300px;
}
.swiper-slide {
  box-shadow: 2px 2px 2px 2px var(--primary-yellow);
}

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

.swiper-button-prev, .swiper-button-next {
  height: 10px;
}