header {
    position: fixed;
    top: 0;
    width: 100%;
    transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
    z-index: 1000; /* Ensure the header is on top of other elements */
}