.bg {
    position: fixed;
    inset: 0;
    z-index: -1;

    background-image:
        linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)),
        url(SCH-Maui.webp);

    background-repeat: no-repeat, no-repeat;

    /* center horizontally, keep top alignment */
    background-position:
        center top,   /* gradient */
        center top;   /* mountain */

    /* keep original size or adjust as needed */
    background-size:
        cover,        /* gradient covers viewport */
        40% auto;      /* logo keeps aspect ratio */
}