.image-comparison-slider{cursor:col-resize;border-radius:.5rem;width:min(80vw,600px);position:relative;overflow:hidden;box-shadow:-7px 5px 16px 1px #38567a99}.image-comparison-slider img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(80vw,600px);height:auto;max-height:80vh;display:block}.image-comparison-slider .img-wrapper{z-index:1;width:50%;height:100%;position:absolute;top:0;right:0;overflow:hidden;transform:translateZ(0)}.image-comparison-slider .img-wrapper img{height:100%;position:absolute;top:0;right:0}.image-comparison-slider .label{z-index:3;color:#fff;text-align:center;letter-spacing:1px;-webkit-user-select:none;user-select:none;opacity:0;background-color:#00000054;border-radius:.25rem;padding:.5rem .75rem;font-size:.85rem;transition:all .25s cubic-bezier(.68,.26,.58,1.22);position:absolute;top:1rem}.image-comparison-slider .label:hover{opacity:1}.image-comparison-slider .label.label-before{left:1rem}.image-comparison-slider .label.label-after{background-color:#f95540;right:1rem}.image-comparison-slider .handle{-webkit-user-select:none;user-select:none;z-index:2;flex-direction:column;justify-content:center;align-items:center;width:30px;height:100%;display:flex;position:absolute;top:0;left:calc(50% - 15px)}.image-comparison-slider .handle .handle-line{background-color:#fff;flex-grow:1;width:2px}.image-comparison-slider .handle .handle-circle{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:space-evenly;align-items:center;width:30px;height:30px;display:flex}
.blend-grid{gap:1em;width:100%;max-width:600px;display:grid}.blend-grid img{object-fit:cover;border-radius:1em;width:100%;height:100%}.grid-1{grid-template:1fr/1fr}.grid-2{grid-template:1fr/1fr 1fr}.grid-3{grid-template:1fr 1fr/1fr 1fr}.grid-3 img:first-child{grid-row:1/3}.grid-4{grid-template:1fr 1fr/1fr 1fr}