.herosectionbg2{
  width: 35%;
  background-color: rgb(3, 2, 5);
  height: 80vh;
}
.hero-text{

  z-index: 20;
  color: white;
  padding: 50px;
}


  /* TYPEWRITER EFFECT */
  .typewriter {
    overflow: hidden; /* Ensures text is hidden initially */
    border-right: 0.15em solid #fff; /* Cursor */
    white-space: nowrap; /* Keep text on a single line */
    animation: typing 3s steps(20, end), blink-caret 0.75s step-end infinite;
  }

  @keyframes typing {
    from { width: 0; }
    to { width: 15ch; } /* Adjust number of characters */
  }

  @keyframes blink-caret {
    0%, 100% { border-color: transparent; }
    50% { border-color: white; }
  }

  .bgimage{
    background-image: url('../images/background.png');
    height: 100vh;
    width: 100%;
  }