.gallery-container {
  max-width: 1440px;
  margin: 2rem !important;
}

summary {
  list-style: none;
}

.gallery-item-container {
  margin-bottom: 2rem;
}

.gallery-item {
  cursor: pointer;
  width: 100%;
  padding: 2rem;
  background-color: #7f0507;
  box-sizing: border-box;
  text-align: center;
}

.gallery-item .gallery-heading {
  color: #fff;
  font-weight: 400;
  /* font-size: 4rem; */
  margin: 0;
}

.gallery-item .gallery-subheading {
  color: #fff;
  font-weight: 325;
  /* font-size: 18px; */
  margin: 0;
}

details .gallery-image-container {
  transition: height 0.5s ease-out;
}

details[open] .gallery-image-container {
  height: 1000px;
  transition: height 1s ease-out;
}

.gallery-image-container img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

@media screen and (max-width: 480px) {
  .gallery-item .gallery-heading {
    /* font-size: 2rem; */
  }

  .gallery-item .gallery-subheading {
    /* font-size: 12px; */
  }

  .gallery-image-container img {
    aspect-ratio: 12 / 9;
  }
}