.img-preview {
      max-width: 250px;
      max-width: 100%;
      margin-top: 20px;
      height: auto;
    }


    .custom-button {
      cursor: pointer;
      font-size: 24px;
      color: #007bff;
      text-align: center;
      margin-top: 20px;
    }

    .loading {
      display: none;
      text-align: center;
      margin-top: 20px;
    }

    /* Add glowing and brightening animation to the loading image */
    @keyframes glow {
      0% {
        filter: brightness(50%);
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
      }
      50% {
        filter: brightness(150%);
        box-shadow: 0 0 20px rgba(0, 123, 255, 0.5);
      }
      100% {
        filter: brightness(50%);
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
      }
    }

    .custom-file-upload {
      display: inline-block;
      cursor: pointer;
      text-align: center;
      border: 1px solid #ccc;
      border-radius: 5px;
    }
    
    .custom-file-upload input {
      display: none;
    }
    

    .loading img {
      animation: glow 1s infinite;
    }

    .text-box {
      height: 450px;
      width: 400px;
    }
    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
      }

      .container {
        flex: 1;
      }

      footer {
        flex-shrink: 0;
      }