.main-row{
    margin-top: 10%;
}
.card{
    cursor: pointer;
    background-color: rgb(116, 198, 248) !important;
    border-radius: 10px !important;
    /* height: 300px !important; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card img{
    transform: translateY(-50px);
    border-radius: 20px !important;
    z-index: 1;
}
.card iframe{
    /* transform: translateY(-50px); */
    border-radius: 20px !important;
    z-index: 1;
}
.card .card-body{
    visibility: visible;
    transform: translateY(-40px);
    height: 0px;
}
/* .card:hover .card-body{
    visibility: visible;
    transform: translateY(-50px);
    transition: 1s;
    height: auto;
} */