.page-hero {
  min-height: 360px;
}

.page-hero .container {
  z-index: 4;
  padding-bottom: 120px;
}

.page-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 3;
  height: 96px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
  pointer-events: none;
}

.page-wave-a::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 120' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M0,64 C180,120 320,20 520,46 C750,78 932,116 1120,92 C1260,74 1356,30 1440,34 L1440,120 L0,120 Z'/%3E%3C/svg%3E");
}

.page-wave-b::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 120' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M0,46 C170,18 280,92 470,72 C690,48 780,16 980,38 C1160,58 1260,112 1440,78 L1440,120 L0,120 Z'/%3E%3C/svg%3E");
}

.page-wave-c::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 120' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M0,82 C160,40 310,42 480,70 C690,104 825,116 1010,76 C1200,34 1290,20 1440,52 L1440,120 L0,120 Z'/%3E%3C/svg%3E");
}

.page-wave-d::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 120' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M0,56 C140,96 275,110 435,70 C620,24 760,28 930,64 C1125,106 1248,96 1440,42 L1440,120 L0,120 Z'/%3E%3C/svg%3E");
}

@media (max-width: 900px) {
  .page-hero {
    min-height: 300px;
  }

  .page-hero .container {
    padding-bottom: 90px;
  }

  .page-hero::after {
    height: 70px;
  }
}