/**
 * Banner Akademik & Ekstrakurikuler
 *
 * Lebar banner = lebar layar perangkat (100% viewport width)
 * Tinggi banner = mengikuti proporsi file gambar asli
 *
 * Akademik:        1920 × 600 px  →  tinggi = lebar × (600 / 1920)
 * Ekstrakurikuler: 1920 × 720 px  →  tinggi = lebar × (720 / 1920)
 *
 * Contoh Akademik:
 *   laptop 1000px lebar → tinggi 312.5px
 *   tablet  500px lebar → tinggi 156.25px
 *   mobile  300px lebar → tinggi 93.75px
 */

.akademik-banner,
.ekskul-banner {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    background: #fff;
    box-sizing: border-box;
}

.akademik-banner img {
    width: 100%;
    height: auto;
    aspect-ratio: 1376 / 768;
    display: block;
}

.ekskul-banner img {
    width: 100%;
    height: auto;
    aspect-ratio: 1376 / 768;
    display: block;
}