.ubook-gradient-bg {
    background: linear-gradient(135deg, 
        rgba(30, 58, 138, 0.15) 0%, 
        rgba(42, 82, 152, 0.2) 25%, 
        rgba(126, 34, 206, 0.15) 50%, 
        rgba(59, 130, 246, 0.2) 75%, 
        rgba(102, 126, 234, 0.15) 100%),
        url('/images/background.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-blend-mode: overlay;
}

@media (max-width: 768px) {
    .ubook-gradient-bg {
        background-attachment: scroll;
    }
}