.gallery{

width:min(1200px,90%);
margin:auto;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:45px;

padding:50px 0;

}

.polaroid{

position:relative;

display:block;

background:white;

padding:14px 14px 38px;

box-shadow:
0 12px 25px rgba(0,0,0,.15);

transition:.35s;

text-decoration:none;

}

.polaroid img{

width:100%;

display:block;

aspect-ratio:1;

object-fit:cover;

}

.rotate-left{

transform:rotate(-3deg);

}

.rotate-right{

transform:rotate(3deg);

}

.polaroid:hover{

transform:scale(1.08) rotate(0deg);

z-index:999;

box-shadow:

0 20px 45px rgba(0,0,0,.22);

}


@media(max-width:900px){

.gallery{

grid-template-columns:repeat(2,1fr);

gap:28px;

padding:30px 15px;

}

.polaroid {
  padding:14px 14px 25px;
}

}