.TitleBlock {
    align-items: center;
    overflow: hidden;
    position: relative;
}

.TitleBlock__backgroundImage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    transition: transform 0.5s ease;
    will-change: transition;
}

.TitleBlock__container {
    padding: 20px;
    transition: transform 0.5s ease;
    will-change: transition;
}

.TitleBlock__content {
    padding: 20px 5%;
    text-align: center;
}

.TitleBlock__title {
    margin: .15em 0 .3em;
}

.TitleBlock__link {
    color: #002b5c;
}

.TitleBlock__readMore:before {
    content: '\27a1';
}

.TitleBlock:hover .TitleBlock__backgroundImage {
    transform: scale(1.04);
}

.TitleBlock--noImage:hover .TitleBlock__container {
    transform: translate(0, -5px);
}

/**
 *   Has image
 */

.TitleBlock--hasImage .TitleBlock__content {
    background: rgba(0,43,92,0.5);
}

.TitleBlock--hasImage .TitleBlock__date,
.TitleBlock--hasImage .TitleBlock__readMore:before {
    color: #f9a702;
}