.card {
    position: relative;
}

/* On mobile, disable stickiness and make cards full-width */
@media (max-width: 768px) {
    .sticky-card {
        position: relative !important;
        /* Change to relative instead of static */
        top: auto !important;
        width: 100% !important;
        margin-bottom: 1rem;
    }

    .sticky-card .clickable-overlay {
        position: absolute;
        /* Ensure it stays within the card */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        text-decoration: none;
        background: transparent;
    }
}

.columns {
    margin-top: 0;
}

.news-image-crop {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* Crops the image to fill the container */
    object-position: center; /* Center the crop */
    aspect-ratio: 5 / 3; /* Ensures horizontal aspect ratio if supported */
    border-radius: 8px;  /* Optional: rounded corners */
}

.blur-bg-container {
    position: relative;
    overflow: hidden;
}
.blur-bg {
    position: absolute;
    inset: 0;
    filter: blur(24px) brightness(0.9);
    z-index: 1;
}
.main-news-image {
    position: relative;
    z-index: 2;
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}