.my-flex-cont {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.my-flex-box {
    margin: 5px;
    padding: 5px;
    flex: 0 1 auto;
    width: 100%;
    height: 100%;
}
.my-flex-box:hover {
    background-color: #E3FFFF;
}
.my-grid-cont{
    display: grid;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    grid-template-columns: 1fr 1fr 1fr;
}
.my-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.my-a {
    text-decoration: none;
    color: inherit;
}
@media (max-width: 670px) {
    .my-grid-cont{
        display: grid;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        grid-template-columns: 1fr 1fr ;
    }
}