blurred on hover images / text

<style>

#blurred {
  display: flex;
  justify-content: center;
}

#blurred:hover {
  filter: blur(1px);
  transition: 0.5s;
}

</style>

<div id="blurred"> yeah hi </div>