#info{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

#info img{
    width: 100%;
}

#info img:hover{
    border-top-left-radius: 50px;
}

.img{
    box-sizing: border-box;
    box-shadow: 12px 10px 12px rgba(0, 0, 0, 0.5);
}

.img:hover{
    box-shadow: none;
    background-color: #fff;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
}

button{
    padding: 10px;
    background: rgba(9, 255, 0, 0.5);
    color: #000;
    border: none;
    box-shadow: 12px 10px 12px rgba(9, 255, 0, 0.5);
}