.div1{display:flex;margin:0 auto;padding:5%;width:100%}.div2{flex:0 0 35%;padding-right:20px;padding-top:20px}.div7{display:grid;flex:0 0 65%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:0;overflow:hidden}.div7 div{align-items:center;display:flex;height:350px;justify-content:center;overflow:hidden;position:relative;z-index:1}.div7 div,.div7 img{transition:all .3s ease;width:100%}.div7 img{height:100%;object-fit:cover}.div3:hover,.div4:hover,.div5:hover,.div6:hover{transform:scale(1.5);z-index:10}.div3:hover{transform-origin:top left}.div4:hover{transform-origin:top right}.div5:hover{transform-origin:bottom left}.div6:hover{transform-origin:bottom right}.div7 div:not(:hover){transform:scale(.9);z-index:1}@media screen and (max-width:1024px){.div1{align-items:center;display:flex;flex-direction:column;width:100%}.div2{padding-bottom:20px;padding-right:0;text-align:center;width:95%}.div7{flex-direction:column;gap:10px;width:95%}.div7,.div7 div{align-items:center;display:flex}.div7 div{justify-content:center}.div7 div,.div7 img{height:auto;width:100%}.div7 img{object-fit:cover}.div7 div:hover{transform:scale(1.15)}}