.mood-highlight {
  height: 100vh;
  height: 100svh;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  padding-block: clamp(3rem, 8vh, 6rem);
}

.mood-highlight__wrapper {
  width: 100%;
}

@media screen and (max-width: 989px) {
  .mood-highlight {
    height: auto;
    min-height: 100svh;
    padding-block: clamp(2.5rem, 6vh, 4rem);
  }
}