.section-collection-hero {
  height: 300px;
  margin-top: 56px;

  @media (max-width: 991px) {
    height: unset;
  }

  .hexagon-bg {
    position: absolute;
    left: -10%;
    opacity: 0.8;
    z-index: -1;
  }
  
  .hero-image {
    height: 300px;
    width: 50vw;

    @media (max-width: 991px) {
      height: 250px;
      width: 100vw;
    }
  }

  .hero-content {
    position: relative;
    
    h1 {
      font-size: 28px;
    }
  }
}