.div2 appears on top of the .div1, so mouse is no longer hovering over .div1, so .div2 dissappears, so mouse again hovering over .div1, so .div2 appears again...

Add following CSS to resolve the issue.

.div2:hover {
  display: flex;
}