
.grid-wrapper-vleru {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 2rem;
}

.grid-wrapper-vleru-styleshots {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 1rem;
}

.grid-wrapper-vleru-styleshots img {
  display: block;
  width: 100%;
  aspect-ratio: 16 /9;
  object-fit: cover;
  }

.layers {
  max-width: 700px;
  width: 100%;
  height: auto;
}



/* ---------- MEDIA QUERIES ---------- */

@media screen and (max-width: 1000px) {
  .wide-3 {grid-column: span 4;}
}

@media screen and (max-width: 800px) {
  .wide-3 {grid-column: span 8;}
}