.hero-wrapper{container-name:hero-con;container-type:inline-size}.hero-wrapper .g-1{right:8.5%}.hero-wrapper .g-1-l-1{top:40%}.hero-wrapper .g-1-l-2{top:46%}.hero-wrapper .g-2{right:37%}.hero-wrapper .g-2-l-1{top:76%}.hero-wrapper .g-2-l-2{top:70%}.hero-wrapper .g-3{top:80%;overflow:hidden}.hero-wrapper .g-3-c-1{left:-2%}@container hero-con (max-width: 768px){.g-1{position:absolute;right:2px;background-color:blue}.g-3{top:5%}}