Wie muß ich den code ändern? [2]

Da fehlt die Klammer, die den Regelsatz von .tooltip schließt. Der Browser ignoriert dann den ganzen Block. Also die beiden Blöcke sauber voneinander trennen:

.tooltip {
    position: relative;
   display: inline-block;
}

.tooltip img {
    display: block;
}

Ich empfehle, wenigstens die grundlegenden Regeln von CSS nochmal anzulesen:

https://wiki.selfhtml.org/wiki/CSS/Einstieg_in_CSS

In diesem Fall ist der Abschnitt "1.1 Regelsatz und Deklaration" relevant

Sonst kommt es immer wieder vor, dass durch einen Syntaxfehler wie ein falsch gesetzte Klammer irgendwas nicht wie gewünscht funktioniert.