.project-cover,
.article-thumb {
    width: 100%;
    height: 30vh;
    overflow: hidden;
    margin: 0;
    border-radius: var(--radius-md);
}

.project-cover-image,
.article-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

@media (min-width: 50em){
    .project-cover,
    .article-thumb {
        height: 60vh;
    }
}