@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

*{
    font-family:  "poppins",sans-serif ;
    margin: 0;
    padding: 0;

}
body{
    background: linear-gradient(#1d3865 , #d64c27);

    height: 180vh;
}


.img{
    margin-top: 50px;
    height: 50%;
    display: flex;
    justify-content: space-evenly;
    align-items: self-start;
    flex-wrap: wrap;
    opacity: 0,5;
    width:100% ;
}

.edit-img{
    width: 700px;
    animation: z 1.5s ease 1;
    box-shadow: 1px 1px 25px black;

}



@keyframes z{
   0%{
    opacity: 0;
    translate: 0 50px;
   } 
}


@media (max-width:740px){
    
     body{
        background: linear-gradient(#1d3865 , #d64c27);
        height: 120vh;

    }
    
    
    .img{
        gap:50px;
    }
    

    
    .edit-img{
        width: 340px;
            box-shadow: 1px 1px 25px black;
            opacity:1;

    }
    
 
}