@media (min-width: 1200px) {
    .changing-text {  
        overflow: hidden;
        white-space: nowrap;
        border-right: 0.15em solid orange; /* Add blinking cursor effect */
        animation: blink-caret 0.75s step-end infinite;
        min-height: 31.5px !Important;
    }
}
@media (max-width: 1200px) {
    .changing-text {  
        display: inline-block; /* Make the span a block-level element */
        word-wrap: break-word; /* Allow the text to wrap within the span */
        max-width: 100%; /* Ensure the span doesn't exceed its container's width */
    }
}
  
@keyframes typing {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes blink-caret {
    from, to {
        border-color: transparent;
    }
    50% {
        border-color: orange;
    }
}