.all-studies .card-with-hover .front-image-wrapper {
    height: 200px;
    overflow: hidden;
    position: relative;
}
.all-studies .card-with-hover .main-image {
    /* object-fit: cover;
    height: 140px; */

    height: 100%;
    max-height: unset;
    width: auto;
    object-fit: cover;
    object-position: center center;
    display: block;    
}

.all-studies-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    row-gap: 10px;
}

.all-studies-content .hover-cards-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 42vw;
}



#all-studies-block {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 550px) {
    .all-studies-content .hover-cards-title {
        max-width: 45vw;
    }
}

@media (min-width: 816px) {
    .all-studies-content {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 20px;
    }

    #all-studies-block {
        max-width: 1500px;
        margin: 20px 10% 0 10%;
    }

    .all-studies {
        opacity: 0;
        transition: opacity 0.1s ease-in-out;
    }

    .all-studies.active {
        opacity: 1;
    }

    .all-studies .card-with-hover .front-image-wrapper {
        height: 300px;
    }

    .all-studies .hover-cards-title {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
        /* max-width: 270px; */
        white-space: unset;
    }

    .all-studies .down-title {
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .all-studies .card-with-hover .front-image-wrapper {
        height: 400px;
    }
}