:root {
    --background: rgba(255, 255, 255, 0.5);
    --line-height: 1.9rem;
}

.three-col-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 26px 2%;
    padding: 0 20px;
    width: 100%;
}

.article {
    display: flex;
    flex-direction: column;
    width: 32% !important;
}
.ccm-page .three-col-layout .overlay__background {
    background-color: var(--background);
}
.ccm-page .three-col-layout .masonry-blog-title {
    line-height: var(--line-height);
}

@media (max-width: 64em) {
    .article {
        width: 100% !important;
    }
}