.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 312; /* Adjust the width as needed */
    margin-bottom: 80%;
  }

  .center-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full viewport height */
  }


  body {
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(45deg, #1D519544, #E54D5E44,#1D519544, #E54D5E44);
    background-size: 400% 400%;
    animation: gradientAnimation 15s ease infinite;
}

@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}