.hero-container{width:100vw;height:100vh;position:relative;overflow:hidden}.hero-left{clip-path:polygon(0 0,55% 0,40% 100%,0 100%);position:absolute;inset:0;box-shadow:0 0 10px #0000001a}.hero-right{clip-path:polygon(55% 0,100% 0,100% 100%,40% 100%);position:absolute;inset:0}@media (max-width:768px){.hero-left{clip-path:polygon(0 0,100% 0,0% 100%,0 100%)}.hero-right{clip-path:polygon(100% 0,100% 0,100% 100%,0 100%)}}