:root {
  --destination-page-text-bg: #ffffff;
  --destination-page-text-color: #000000;
}

#main-wrapper {
  background: var(--destination-page-text-bg);
}

#destination-photo-cont {
  width: 100%;
  background-color: #212121;
  text-align: center;
  /* Reserve the same space for the placeholder and destination photo. */
  height: clamp(350px, 56.25vw, 90vh);
}

#destination-photo {
  display: block;
  height: 100%;
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

#destination-text-cont {
  padding: 5vh;
  background: var(--destination-page-text-bg);
}

#destination-text {
  white-space: pre-wrap;
  color: var(--destination-page-text-color);
}

#destination-text-inner {
  padding: 15px;
}

@media (max-width: 895px) {
  #destination-photo-cont {
    height: 300px;
  }
}