* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



.gallery_new {
  width: 100vw;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-auto-rows: 200px;
  gap: 0.25rem;

  & img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    &:not(.hero) { cursor: pointer; }
  }

  & .hero {
    grid-column: span 2;
    grid-row: span 2;
  }
}

@media (width < 700px) {
  .gallery_new {
    grid-template-columns: repeat(2,1fr);
    grid-auto-rows: 175px;
  }
}