.lesson {
  position: absolute;
  z-index: 10;
  font-size: 3em;
  font-weight: 900;
  top: 25%;
  left: 25%;
  inline-size: 10ch;
}

.title{
  top: 0;
}

.title label {
  top: 40%;
  font-family: comicsans, sans-serif;
}


.character-name.neha-name{
  left: 25%;
  bottom: 15%;
  color: #3241CE;
}
.character-name.rupak-name{
  left: 60%;
  bottom: 15%;
  color: #557C55;
}

.character-name.meena-name{
  left: 83%;
  color: #FF6C22;
}
 

.character{
  width: 24%;
}