.image-divider {
  position: -webkit-sticky;
  position: sticky;
  top: 62px;
  left: 0;
  width: 100%;
  height: calc(50vh - 200px);
  min-height: 500px;
  overflow: hidden;
  z-index: -1;
}

.image-divider-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/divider-photo.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  opacity: 1;
  transition: opacity 0.07s ease-out;
}

@media (max-width: 1024px) {
  .image-divider {
    height: calc(40vh - 200px);
    min-height: 180px;
  }
}

@media (max-width: 968px) {
  .image-divider {
    height: calc(70vh - 200px);
    min-height: 200px;
  }
}

@media (max-width: 820px) {
  .image-divider {
    height: calc(50vh - 200px);
    min-height: 180px;
  }
}

@media (max-width: 768px) {
  .image-divider {
    height: calc(50vh - 200px);
    min-height: 150px;
  }

  .image-divider-container {
    background-image: url('../images/divider-photo.webp');
    background-size: 200%;
  }
}