*, *:before, *:after{
    box-sizing: border-box;
}

body{ 
    display: flex;
    flex-wrap:wrap ;
    justify-content: center;
    align-items: center;
}

img{
    display: block;
    margin: 8px;
    border: 2px solid black;
    box-shadow: 13px 13px 8px;
    border-radius:10px;
    max-width: 100% ;
    height:auto;
    filter: grayscale(1);
    transition: .2s transform ease-in-out;
}

img:hover{
    filter:grayscale(0);
    transform: scale(1.2);
    z-index: 10;
}