.child-container { position: relative; width: 200px; margin: 20px; } .child-container img { width: 100%; height: auto; display: block; } .organ { position: absolute; border-radius: 50%; background: rgba(255,0,0,0.6); width: 30px; height: 30px; opacity: 0; transition: opacity 0.3s; cursor: pointer; } .child-container:hover .organ { opacity: 1; } .tooltip { position: absolute; background: rgba(0,0,0,0.8); color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px; pointer-events: none; opacity: 0; transition: opacity 0.3s; } .organ:hover + .tooltip { opacity: 1; } 

Kardiologie

Pneumologie

Pneumologie

Gastroenterologie