.blogs_list_wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2em;
}

.blogs_list_wrapper .card {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

.card-img-wrapper {
    overflow: hidden;
    aspect-ratio: 16/9;
}

.card-img-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 768px) {
    .blogs_list_wrapper {
        grid-template-columns: 1fr 1fr;
    }
}

/* Large devices (laptops/desktops, 1024px and up) */
@media screen and (min-width: 1024px) {
    .blogs_list_wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* Extra large devices (large laptops and desktops, 1440px and up) */
@media screen and (min-width: 1440px) {
    .blogs_list_wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}