body {
    position: relative; /* Allows the pseudo-element to be positioned relative to the body */
    margin: 0;
    min-height: 100vh; /* Ensures the body covers the viewport height */
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/new_bg.jpg'); /* Replace with your image path */
    background-repeat: repeat; /* Allows the image to repeat */
    background-size: 150px 150px; /* Shrinks the image to a specific size */
    background-position: top left; /* Aligns the image to the top-left corner */
    opacity: 0.2; /* Adjust opacity for more transparency */
    z-index: -1; /* Sends the pseudo-element behind the content */
    pointer-events: none; /* Ensures it doesn’t block interactions */
}