.article_list ul  {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(5, 1fr);
}

.article_list ul li {
    display: flex;
    flex-direction: column;
    width: 100% !important;
}

.article_list ul li .article_list_thumb {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
    padding: 0px !important;
    padding-bottom: 0px !important;
}

.article_list_thumb img {
    width: 100% !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

@media (max-width: 900px) {
    .article_list ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 500px) {
    .article_list ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 350px) {
    .article_list ul {
        grid-template-columns: repeat(1, 1fr);
    }
}