header {
    display: flex;
    align-items: center;  /* Ensures vertical centering of all items */
    justify-content: center;
    background: linear-gradient(to right, #7bc6fb, #fb48b6);
    padding: 10px 0px;  /* Maintain consistent padding */
    height: 80px;  /* Fixed height, adjust as necessary */
}

header img {
    position: absolute;
    right: 10px; /* Position image on the right */
    height: 175px;  /* Controls the image height independently of the header */
    width: auto;  /* Maintain aspect ratio */
    margin-right: 25px;  /* Space between the logo and the text */
    animation: floatAnimation 6s ease-in-out infinite;
    transform: scaleX(-1);  /* Initial transform to flip the image */
}

.header-text {
    flex-grow: 1;  /* Allows the text container to fill available space */
    text-align: center;
}

header h1 {
    font-size: 2.5em;
    margin: 0;  /* Removes default margin */
}