.homepage-hero-section {
  width: 100%;
  display: flex;
  position: relative;
  background: linear-gradient(360deg, #F68833 0%, rgba(246, 136, 51, 0) 48.5%),
              linear-gradient(0deg, rgba(246, 136, 51, 0.1), rgba(246, 136, 51, 0.1)),
              var(--hero-image, none);
  min-height: 100vh;
  padding: 0 6.6vw 72px;
  flex-direction: column;
  padding-bottom: 72px;
  background-size: cover;
  justify-content: end;
  background-color: #D9D9D9;
  background-position: center;
}