#perent{display: flex; }
.flex{display: flex; justify-content: space-around; }
.color{color: red; }
.img{text-align: center; padding-top: 10px;}
.img:hover{
    transform: scale(1.1);
    z-index: 4;
    filter: drop-shadow(4px 4px 4px black);
}
.bb{padding-top: 20px;}

.all{ width: 300px; border-radius: 20px; margin: 20px; height: 300px;}
#image1{background-color: rgb(184, 184, 240); width: 300px; border-radius: 20px;}
#image2{background-color: rgb(245, 213, 187); width: 300px; border-radius: 20px;}
#image3{background-color: rgb(180, 253, 138); width: 300px; border-radius: 20px;}
#image4{background-color: rgb(245, 160, 129); width: 300px; border-radius: 20px;}
button{background-color: blue; height: 30px; width: 50px; border-radius: 5px;}
button > a{color: #fff; text-decoration: none;}