


<style>
    /* Resource Header Style */



    @media (max-width: 1440px) {
        .resource-header {
            background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/resources_index/1440_Resources_landing_image.png");
        }
    }
    @media (max-width: 1920px) {
        .resource-header {
            /* background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/church_index/280_blog_cover.png"); */
            background-image: url("https://fra1.digitaloceanspaces.com/scripturesandpower/static/images/resources_index/1920_Resources_landing_image.jpg");

        }
    }

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

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

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

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

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

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

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

</style>
