.gallery-header-section {
  position: relative;
  height: 20vh;
  display: flex;
  align-items: center;
  background: var(--primary-1);
  overflow: hidden;
}

@media (max-width: 1024px) {
  .gallery-header-section {
    height: 18vh;
  }
}

@media (max-width: 900px) {
  .gallery-header-section {
    height: 9vh;
  }
}

@media (max-width: 768px) {
  .gallery-header-section {
    height: 15vh;
  }
}

@media (max-width: 480px) {
  .gallery-header-section {
    height: 10vh;
    background-attachment: scroll;
  }
}