.alternating-boxes{position:relative;--content-padding:clamp(28px,4vw,64px);--decor-safe-x:clamp(56px,6vw,96px);--decor-safe-top:60px;&:before{background:linear-gradient(0deg,#dde1e4 0,#cacaca 0,hsla(0,0%,79.2%,0) 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.wrapper{box-sizing:border-box;margin:0 auto;max-width:calc(1292px + var(--decor-safe-x)*2);overflow:hidden;padding:var(--decor-safe-top) var(--decor-safe-x) 160px}.box{margin-bottom:60px;position:relative;&:last-child{margin-bottom:0}.decor{height:auto;pointer-events:none;position:absolute;top:0;width:clamp(120px,18vw,360px);z-index:1}.box-wrapper{align-items:center;display:grid;gap:clamp(32px,6vw,96px);grid-template-columns:minmax(0,45fr) minmax(0,55fr);position:relative;z-index:2;.content{box-sizing:border-box;padding:var(--content-padding);position:relative;z-index:3;h2{margin:0 0 24px}}>img:not(.decor){border-radius:16px;display:block;height:300px;object-fit:cover;position:relative;width:100%;z-index:2;@media (min-width:991px){height:480px}}}&:nth-child(odd){.decor{right:0;transform:translate(25%,-50%)}.box-wrapper{.content{order:1}>img:not(.decor){order:2}}}&:nth-child(2n){.decor{left:0;transform:translate(-22%,-52%)}.box-wrapper{grid-template-columns:minmax(0,55fr) minmax(0,45fr);.content{order:2}>img:not(.decor){order:1}}}}@media (max-width:767px){.wrapper{max-width:1292px}.box{margin-bottom:64px;.decor{display:none;top:0;width:clamp(100px,36vw,180px)}.box-wrapper{display:flex;flex-direction:column-reverse;gap:24px;.content{padding:0}.content,>img:not(.decor){order:unset}}&:nth-child(odd){.decor{bottom:auto;right:0;transform:translate(16%,-16%)}}&:nth-child(2n){.box-wrapper{flex-direction:column}.decor{bottom:auto;left:0;transform:translate(-16%,-16%)}}}}}