/* Default styling for the image */
.article_img {
    margin-top: -25%;
    width: 58%;
    cursor: pointer;
    margin-bottom: 10px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 0.2);
    border-radius: 0px;
    position: absolute;
    margin-left: -16%;
}

.content {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
}

/* Media query for screens with a maximum width of 768 pixels */
@media screen and (max-width: 575px) {
    .article_img {
        margin-top: 4%;width: 58%;cursor:pointer;margin-bottom:10px;box-shadow: 2px 2px 5px rgb(0 0 0 / 0.2);border-radius:0px;position: absolute;margin-left: -27%;
        /* Adjust the margin for smaller screens */
    }

    .content {
        padding-bottom: 68%;
        /* Adjust the margin for smaller screens */
    }
}