.hero-container{position:relative}.hero-hexagon{content:var(--hexagon-shape-img);height:750px;opacity:.1;position:absolute;transform:rotate(120deg);width:950px;z-index:-1}.hero-hexagon--left{right:35%;top:-11%}.hero-hexagon--right{bottom:125%;left:45%}@media (min-width:768px){.hero-hexagon--left{right:61%;top:-70%}.hero-hexagon--right{bottom:150%;left:50%}}