.gallery {
  width: 100%;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 5px;
          column-gap: 5px;
  row-gap: 5px;
}

.gallery__image {
  max-width: 520px;
  max-height: 520px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 600px) {
  .gallery {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 599px) {
  .gallery__column-1--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .gallery__column-2--mobile {
    position: relative;
    top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 600px) {
  .gallery__colum-1--desktop {
    position: relative;
    top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .gallery__colum-2--desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .gallery__colum-3--desktop {
    position: relative;
    top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .gallery__colum-4--desktop {
    position: relative;
    top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}