/* Default watermark for larger screens */
body::before {
    content: "";
    position: fixed;
    top: -20px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/pragati.png'); /* Replace with the path to your logo */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%; /* Default size for larger screens */
    opacity: 0.5;
    z-index: -1;
    pointer-events: none;
}

/* Increase watermark size for mobile devices */
@media (max-width: 768px) {
    body::before {
        background-size: 80%; /* Larger size for mobile devices */
    }
}

/* Further increase size for very small screens (like phones) */
@media (max-width: 480px) {
    body::before {
        background-size: 80%; /* Even larger size for small screens */
    }
}