Hallo,

ich habe ein Bild auf meiner Webseite, das, wenn man es mit dem Cursor anvisiert, ein graues Overlay erscheinen lässt, das mit Text gefüllt werden kann. Leider löst es bereits aus, wenn ich mich in dem blauen Kasten (s. u.) mit dem Cursor befinde - wie kann ich das verhindern?

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 35;
  right: 0;
  height: 100%;
  width: 50%;
  opacity: 0;
  transition: .9s ease;
  background-color: #333;
}