/* Apply Inter font globally if not already set by Tailwind */
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    background-size: cover; /* Cover the entire area */
    background-position: center; /* Center the background image */
    background-repeat: no-repeat; /* Do not repeat the background image */
    background-attachment: fixed; /* Keep background fixed while scrolling */
    transition: background-image 0.5s ease-in-out; /* Smooth transition for background changes */
}

/* Default background for desktops (larger screens) */
body {
    /* Replace with your actual desktop GIF URL */
    background-image: url('./imgs/bg_launch.gif');
}

/* Media query for tablets and phones (screens up to 768px wide) */
@media (max-width: 768px) {
    body {
        /* Replace with your actual tablet/phone GIF URL */
        background-image: url('./imgs/phone_bg_launch.gif');
        
    }
}