


<style>
    /* Blog Header Style */
    .blog-header {
        background-image: url("https://fra1.digitaloceanspaces.com/svjblogstorage/static/images/home_index/1920_desktop.png");
    }

    @media (min-width: 1921px) {
        .blog-header {
            background-color: #000; /* Black background */
            height: 750px; /* or a larger value if needed */
            background-size: cover;
            background-position: center;
        }
    }

    @media (max-width: 1920px) {
        .blog-header {
            background-image: url("https://fra1.digitaloceanspaces.com/svjblogstorage/static/images/home_index/1920_desktop.png");
            height: 750px;
        }
    }

    @media (max-width: 1440px) {
        .blog-header {
            background-image: url("https://fra1.digitaloceanspaces.com/svjblogstorage/static/images/home_index/1440_desktop.png");
            height: 750px;
        }
    }

    @media (max-width: 1366px) {
        .blog-header {
            background-image: url("https://fra1.digitaloceanspaces.com/svjblogstorage/static/images/home_index/1366_desktop.png");
            height: 850px;
        }
    }

    @media (max-width: 1024px) {
        .blog-header {
            background-image: url("https://fra1.digitaloceanspaces.com/svjblogstorage/static/images/home_index/1024_tablet.png");
            height: 900px;
        }
    }

    @media (max-width: 768px) {
        .blog-header {
            background-image: url("https://fra1.digitaloceanspaces.com/svjblogstorage/static/images/home_index/768_tablet.png");
            height: 950px;
        }
    }

    @media (max-width: 414px) {
        .blog-header {
            background-image: url("https://fra1.digitaloceanspaces.com/svjblogstorage/static/images/home_index/414_mobile.png"); 
            height: 1100px;
        }
    }

    @media (max-width: 375px) {
        .blog-header {
            background-image: url("https://fra1.digitaloceanspaces.com/svjblogstorage/static/images/home_index/375_mobile.png");
            height: 1200px;
        }
    }

    /* Legacy phones like iPhone SE */
    @media (max-width: 320px) {
        .blog-header {
            background-image: url("https://fra1.digitaloceanspaces.com/svjblogstorage/static/images/home_index/320_mobile.png");
            height: 1200px;
        }
    }

    /* Ultra small screens or foldables */
    @media (max-width: 280px) {
        .blog-header {
            background-image: url("https://fra1.digitaloceanspaces.com/svjblogstorage/static/images/home_index/280_mobile.png");
            height: 1200px;
        }
    }
</style>
