#gallery .title {
  color: var(--white-bis);
  font-family: "Gotham Bold", sans-serif;
  font-size: 20px;
  font-weight: bold;
}

.virtual-rags {
  display: grid;
  gap: 16px;
  grid-template-areas:
    "a b"
    "a d"
    ". d"
    "c d";
  margin-top: 40px;
  margin-bottom: 40px;
  justify-content: space-around;
}

.vr-1 {
  grid-area: a;
}

.vr-2 {
  grid-area: b;
}

.vr-3 {
  grid-area: c;
  justify-self: start;
  align-self: flex-end;
}

.vr-4 {
  grid-area: d;
}

@media only screen and (min-width: 768px) {
  #gallery .title {
    font-size: 45px;
  }

  .virtual-rags {
    grid-template-areas:
      "a b d"
      "a c d";
    grid-template-columns: 35% 25% 35%;
  }
}