.gallery-background {
  min-height: calc(100vh - 70px);
  background-image: url("/assets/img/ybsm-background_05.webp");
  background-size: cover;
  background-position: center;
  background-color: rgb(0, 0, 0);
  background-attachment: fixed;
  display: flex;
  justify-content: center;
}

.gallery__container {
  width: 70vw;
  padding: 3rem 0;
}

.gallery__container > .page__title {
  width: 100%;
  text-align: left;
  padding-bottom: 0.5rem;
  color: aliceblue;
}

.gallery__images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 2rem;
  padding: 1.5rem;
  background-color: rgba(28, 26, 28, 0.666);
  border-radius: 3px;
  backdrop-filter: blur(6px);
  width: 100%;
}

.gallery__images img {
  width: 100%;
  min-height: 300px;
  border-radius: 5px;
  box-shadow: 4px 5px 9px -7px #000000;
  -webkit-box-shadow: 4px 5px 9px -7px #000000;
  object-fit: cover;
}