

<style>
    /* Events Header Style - Matching Blog Theme */
    .events-header {
        /* Keep header image fully visible (no cropping) */
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat;
    }

    /* Use the same background image pattern as blog if available */
    @media (max-width: 1920px) {
        .events-header {
            background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/church_index/1920_blog_cover.png");
        }
    }

    @media (max-width: 1440px) {
        .events-header {
            background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/church_index/1440_blog_cover.png");
        }
    }

    @media (max-width: 1366px) {
        .events-header {
            background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/church_index/1366_blog_cover.png");
        }
    }

    @media (max-width: 1024px) {
        .events-header {
            background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/church_index/1024_blog_cover.png");
        }
    }

    @media (max-width: 768px) {
        .events-header {
            background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/church_index/768_blog_cover.png");
        }
    }

    @media (max-width: 414px) {
        .events-header {
            background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/church_index/414_blog_cover.png");
        }
    }

    @media (max-width: 375px) {
        .events-header {
            background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/church_index/375_blog_cover.png");
        }
    }

    @media (max-width: 320px) {
        .events-header {
            background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/church_index/320_blog_cover.png");
        }
    }

    @media (max-width: 280px) {
        .events-header {
            background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/church_index/280_blog_cover.png");
        }
    }
</style>

