body{
    min-height:100vh;
    display:grid;
    place-items:center;
    background-color:#a5b1c2;
}

.grid-container{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1rem;
    width:90vw;
    max-width:900px;
}

.grid-item{
    aspect-ratio:1;
    border-radius:15px;
    box-shadow:0 10px 20px rgba(0,0,0,0.4);
    overflow:hidden;
}

.grid-item img{
    width:100%;
    height:100%;
    object-fit:cover;
}

@media (max-width:768px){
    .grid-container{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:480px){
    .grid-container{
        grid-template-columns:1fr;
    }
}
.item-1{
background-image:url("images/32.jpg");
background-size:cover;
}
.item-2{
background-image:url("images/2.jpg");
background-size:cover;
}
.item-3{
background-image:url("images/3.jpg");
background-size:cover;
}
.item-4{
background-image:url("images/4.jpg");
background-size:cover;
}
.item-5{
background-image:url("images/5.jpg");
background-size:cover;
}
.item-6{
background-image:url("images/6.jpg");
background-size:cover;
}
.item-7{
background-image:url("images/richi\ utat.jpg");
background-size:cover;
}
.item-8{
background-image:url("images/31.jpg");
background-size:cover;
}
.item-9{
background-image:url("images/17.jpg");
background-size:cover;
}
.item-10{
background-image:url("images/12.jpg");
background-size:cover;
}
.item-11{
background-image:url("images/11.jpg");
background-size:cover;
}
.item-12{
background-image:url("images/20.jpg");
background-size:cover;
}
.item-13{
background-image:url("images/8.jpg");
background-size:cover;
}
.item-14{
background-image:url("images/inside\ poster.jpg");
background-size:cover;
}
.item-16{
background-image:url("images/10.jpg");
background-size:cover;
}
.item-17{
background-image:url("images/14.jpg");
background-size:cover;
}
.item-18{
background-image:url("images/15.jpg");
background-size:cover;
}
.item-19{
background-image:url("images/25.jpg");
background-size:cover;
}
.item-20{
background-image:url("images/30.jpg");
background-size:cover;
}
.item-21{
background-image:url("images/SYNOPSIS\ poster2.jpg");
background-size:cover;
}
.item-22{
background-image:url("images/13.jpg");
background-size:cover;
}
.item-23{
background-image:url("images/28.jpg");
background-size:cover;
}
.item-24{
background-image:url("images/9.jpg");
background-size:cover;
}
.item-26{
background-image:url("images/33.jpeg");
background-size:cover;
}.item-27{
background-image:url("images/34.jpeg");
background-size:cover;
}.item-28{
background-image:url("images/35.jpeg");
background-size:cover;
}
.item-29{
background-image:url("images/36.jpeg");
background-size:cover;
}.item-30{
background-image:url("images/37.jpeg");
background-size:cover;
}
.item-31{
background-image:url("images/38.jpeg");
background-size:cover;
}

.item-32{
background-image:url("images/40.jpeg");
background-size:cover;
}
.item-33{
background-image:url("images/41.jpeg");
background-size:cover;
}
.item-34{
background-image:url("images/42.jpeg");
background-size:cover;
}
.item-35{
background-image:url("images/43.jpeg");
background-size:cover;
}
.item-36{
background-image:url("images/44.jpeg");
background-size:cover;
}.item-37{
background-image:url("images/45.jpeg");
background-size:cover;
}.item-38{
background-image:url("images/46.jpeg");
background-size:cover;
}.item-39{
background-image:url("images/48.jpeg");
background-size:cover;
}.item-40{
background-image:url("images/49.jpeg");
background-size:cover;
}
.item-41{
background-image:url("images/51.jpeg");
background-size:cover;
}
.grid-item:hover{
transform:scale(1.1) rotate(5deg);
z-index:1;
}
.grid-container:hover .grid-item:not(:hover){
transform:scale(0.95);
}