.media-img{
    padding: 4rem 0;
}
.media-img .head-card{
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.media-img .head-card .photo{
    height: 250px;
}
.media-img .head-card .photo img{
    height: 100%;
    object-fit: cover;
}
.media-img .head-card a {
    height: 100%;
}
.media-img .head-card .text{
    padding: 1rem;
    text-align: center;
}
.media-img .head-card p{
    padding: 5px;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}