.gallery {
display: grid;
grid-template-columns: repeat(13, 1fr);
grid-template-rows: repeat(6, 5vw);
grid-gap: 15px;
}
.gallery__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gallery__item--1 {
grid-column-start: 1;
grid-column-end: 7;
grid-row-start: 1;
grid-row-end: 6;
}
.gallery__item--2 {
grid-column-start: 7;
grid-column-end: 13;
grid-row-start: 1;
grid-row-end: 3;
}
.gallery__item--3 {
grid-column-start: 7;
grid-column-end: 10;
grid-row-start: 3;
grid-row-end: 6;
}
.gallery__item--4 {
grid-column-start: 10;
grid-column-end: 13;
grid-row-start: 3;
grid-row-end: 6;
}