.site-gallery{
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 20px;
  min-height: 250px;
}

.col-title{
  border: 1px solid;
  padding: 40px;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}

.col-title h2{
  text-transform: uppercase;
  margin-top: 0;
  font-size: 35px;
  font-weight: 500;
}
 
 
.site-gallery .swiper {
      width: 100%;
      height: 100%;
      padding-left: 20px;
      padding-right: 20px;
    }

.site-gallery .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.site-gallery .swiper-slide a{
    width: 100%;
    }

.site-gallery .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.site-gallery .swiper-button-next{
    right: -8px;
}
.site-gallery .swiper-button-prev{
  left: -8px;
}
.site-gallery .swiper-button-next:after, .site-gallery .swiper-button-prev:after{
  content: none;
}

.site-gallery .swiper-button-next svg, .site-gallery .swiper-button-prev svg{
  width: 10px;
}
.site-gallery .swiper-button-prev svg{
  transform: rotate(180deg);
}


/* mobile */

@media screen and (max-width: 1024px) {
  .site-gallery {
      grid-template-columns: 1fr;
      gap: 2rem; 
  }
  .site-gallery .swiper {
    width: 90%;
  }
}