/* ===================================== */
/* 1. Pengaturan Header Utama */
/* ===================================== */
header.pkp_structure_head {
    /* Dimensi & Proporsi: Menjaga rasio lebar-tinggi agar gambar tidak terdistorsi */
    width: 100%;
    aspect-ratio: 4 / 1; 

    /* Pengaturan Latar Belakang Gambar yang Responsif */
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiccDw4E8hHgvytmypa_a4yVkgS0wNmxQRP3stfvBBs1SWVE_V79ud9cfuxwlv-i8lvzv6eRLlxfyNprE2osAgCNIkxr741CSQCAbIa1DhiX3Af2kBsDSfwca20DLW7CitUNs89ruNBMwuLp1pWBMLIAi5p_-CnNS4gsO-lVYOujtwOjmbRRmtf9sXq4PQ/s3125/JURNAL%20ILMIAH%20TEKNOLOGI%20INFORMASI%20TERAPAN.jpg');
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center center;
}

/* Menyembunyikan elemen logo dan judul jika masih ada di HTML */
.pkp_site_name .is_img, .pkp_site_name h1 {
    display: none;
<header class="pkp_structure_head">
    </header>

<nav class="pkp_navigation_bar">
    </nav>

<main>
    </main>
}