.single-media-cat{
    margin-bottom: 40px;
}
.single-media-cat figure{
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 20px;
}
.single-media-cat figure img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}
@media (min-width: 768px) {
    .media-cats{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 40px;
    }
    .single-media-cat{
        width: calc(50% - 20px);
    }
}
@media (min-width: 1200px) {
    .single-media-cat{
        width: calc(100% / 3 - 80px / 3);
    }
}