.recommendation-content > h2 {
    padding-bottom: 0.5rem;
}

.recommendation-content > h2,
.recommendation-header-title {
    position: relative;
    display: inline-block;
}

.recommendation-content > h2:after,
.recommendation-header-title:after {
    content: '';
    height: 5px;
    background: #50a6e3;
    position: absolute;
    left: 0;
    bottom: -0.125em;
    width: 100%;
}

.recommendation-content > h2:after {
    height: 2px;
    bottom: 0;
}

@media screen and (min-width: 768px) {
    .recommendation-header-image {
        height: 300px;
        width: 100%;
        object-fit: cover;
    }
}