.block-display-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 20px;
    row-gap: 30px;
}

@media (min-width: 600px) {
    .block-display-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .block-display-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

.single-block {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    font-family: "Oswald", sans-serif;
}

a.single-block {
    text-decoration: none;
    display: flex;
}

.single-block img, .single-block picture {
    height: 280px;
    object-fit: cover;
    object-position: 50% 25%;
}