html, body {
  width:  100vw;
  overflow-x: hidden;
  min-height:  100vh;
}

body {
  display: flex;
  flex-direction: column;
  background: #f6ad15;
}

.header-container {
  height: 100dvh;
}

@media (max-width: 992px) {
  .header-image {
    min-height: 100dvw;
    object-fit: cover;
  }
}