.rajdhani-header {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 200;
    letter-spacing: 1px;
    color: #ffffff; /* good for dark mode */
}

.page-background {
    position: relative;
    width: 100vw;
    height: 100vh;  /* use height instead of min-height */
    overflow: hidden;
}

.page-background::before {
    content: "";
    position: fixed;   /* key change: fixed, not absolute */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/assets/images/hullc.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
    z-index: -1; /* behind content */
}