#changing-text {
  transition: opacity 0.5s ease-in-out;
/*   display: inline-block; /* Ensures the opacity transition works reliably */ */
}

    /* Blinking cursor effect */
    #cursor {
      display: inline-block;
      width: 2px;
      height: 1em;
      background-color: black;
      margin-left: 0.1rem; 
      animation: blink 1s step-start 0s infinite;
    }
    
    @keyframes blink {
      50% {
        opacity: 0;
      }
    }