.ml-cards {
    /*display: flex;*/
    /*gap:10px;*/
}

.ml-card {
    height: 75%;
    width: 95%;
    border: 2px solid #e7e7e7;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    color: #5d5e5e;
    margin: 10px;
    background-color: #f5f5f5;
    padding-block: 10%;
    margin-top:25px;
}

    .ml-card:hover {
        transition-timing-function: ease;
        transition: .25s;
        transition-property: transform;
        transform: perspective(1px);
        transform: scale(1.05);
        border: 2px solid #2D8DFF;
        background-color: aliceblue;
    }

.ml-card-header {
    text-align: center;
    align-items: center;
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 1rem;
    flex-direction: row;
}

.ml-card img{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    padding: 5px;
}