.hra{
float: left;
padding: 3%;

}
.hry{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.hra2{
    float: left;
padding: 3%;
}
.hry2{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}
.hry2 img{
    width: 30%;
}
@media (max-width: 480px){
    .hra2 img{
        width: 90%;
    }
}