body {
    display: grid;
}

div {
    display: grid;
}

.latest_news_banner{
    display: flex;
    max-width: 100%;
    min-width: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top:150px;
    background-image: url('../images/logos/banner_bg.PNG');

    /* Step 3: Make the image look professional and responsive */
    background-size: cover;       /* Scales image to fill the div without distorting */
    background-position: center;  /* Centers the image within the container */
    background-repeat: no-repeat; /* Prevents the image from repeating/tiling */
}

.latest_news_story {
    padding-top: 70px;
    transition: filter 0.3s ease;
}

.latest_news_story:hover{
    filter: brightness(1.2) contrast(1.1);
}