html,
body {
  scroll-behavior: smooth;
}

#heroimage{
  position: relative;
  transform: enlarge 0.4s ease;
}

#heroimage:hover{
 transform:scale(1.2)
}

#about{
  position: relative;
  transform: enlarge 0.4s ease;
}

#about:hover{
 transform:scale(1.2)
}

#feature{
  position: relative;
  transform: enlarge 0.4s ease;
}

#feature:hover{
 transform:scale(1.2)
}