static/style.css

/* New Rule */
#loader img {
  width: auto;
  height: 100px; /* Example size for gif */
  margin: 0 auto;
  display: block;
}

/* Update existing rule */
.hidden {
  visibility: hidden;
}

/* Apply the hidden class initially */
#text-gen-container {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

#loader {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 10rem); /* Minimum height excluding header padding */
}