.transparent-element {
  background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
  /* or */
  opacity: 0.5; /* makes the whole element transparent */
}
.image-container img {
  width: 400%;
  height: 280%;
  object-fit: cover; /* or contain, depending on your needs */
  border-radius:10px;
}
.typing { 
  /*font-family: Arial, sans-serif; */
  font-family:MoolBoran;
  font-size: 24px; 
  white-space: nowrap; 
  overflow: hidden; 
  border-right: 2px solid black; 
  width: 0; 
  animation: typing 5s steps(25) forwards infinite, blink 0.5s step-end infinite, color-change 5s infinite; 
  margin: 0 auto; 
  display: block; 
}

@keyframes typing { 
  0% { width: 0; } 
  100% { width: 25ch; } 
}

@keyframes color-change {
  0% { color: #fff; }
  50% { color: #007bff; }
  100% { color: #fff; }
}



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