body {
  margin: 0;
  height: 100vh;
  overflow: hidden;
  background: transparent;
}

@keyframes flyFlag {
  0% {
    transform: translateX(100vw); /* Start fully off-screen to the right */
  }
  100% {
    transform: translateX(-100vw); /* End fully off-screen to the left */
  }
}

#flag-container {
  position: fixed;
  top: 50px; /* Adjust for alignment */
  left: 0;
  display: flex;
  align-items: center; /* Align flag and airplane */
  width: 800px;
  animation: flyFlag 15s forwards 1; /* Slow, continuous movement */
}

#flag {
  margin-left: -10px; /* Adjust spacing between airplane and flag */
}

#static-image {
  width: 150px; /* Adjust size of the airplane */
}