.frame {
    max-width: 1400px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 0 auto;
    align-items: end;
}

.wide {
    grid-column: 1/3;
}

img {
    width: 100%;
    object-fit: fit;
}

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

@media only screen and (max-width: 960px) {
    .frame {
        grid-template-columns: 1fr;
    }

    .wide {
        grid-column: 1/2;
    }
}

.swiper-button-next,
.swiper-button-prev {
    right:10px;
    padding: 30px;
    scale: 0.4;
    border-radius: 100rem;
    background-color: rgba(0,0,0,0.6) !important;
    color: white !important;
    fill: white !important;
    stroke: white !important;
    opacity: 0.1;
}

.swiper:hover .swiper-button-next,.swiper:hover .swiper-button-prev {
    opacity: 1;
}