Transition ON PIC

CSS

img1 is div

img1 img is a picture that we use

then hover

we use overflow hidden means size increase hoga pic ka magr div ky bahir increse show nahi hoga that it

 #img1{

    width: 40%;

    height: 40vh;

    margin: 20px;

    overflow: hidden;

    float: left;

}

#img1 img{

    width: 100%;

    height: 40vh;

    object-fit: cover;

    transition: 1s;

}

#img1 img:hover{

   transform: scale(1.35);

}