/* ----- GALLERY ----- */

.gallery-image-container{
  max-width: 1300px;
  margin: auto;
  padding: 2rem 0;
}

.style-name{
  font-family: "NeutralFace", sans-serif;
  font-size: clamp(1.5rem, 3vw + .5rem, 2rem);
  font-weight: bold;
  text-align: center;

  border: 1px solid var(--clr-dark);
  border-radius: 200rem;

  padding-block: 1.5rem;
  margin-block: 4rem;
}

.style-name:first-child{
  margin-top: .1rem;
}

/* Gallery masonry grid */

.masonry-gallery {
  columns: 18.75rem;
  /* columns: 300px; */
}

.gallery-preview {
overflow: hidden;

margin-bottom: 1em;
border-radius: 1.5em;
will-change: transform;
}

.gallery-preview img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 1.5em;

  transition: 0.3s ease-in-out;
  /* backface-visibility: hidden; */
}

.gallery-preview:hover img {
  transform: scale(1.5);
}

.gallery-preview:not(:hover) img {
  transition: 0.3s 0.1s ease-in-out;
}