Moin,
ich weiß jetzt nicht mehr, wie die Seite vorher ausgesehen hatte und kann daher nicht sagen, ob mir das besser gefällt
Ich glaube die Seite wirkte noch dunkler, wie man noch oben am Screenshot erkennen kann, und ist jetzt etwas freundlicher geworden. Ich finde es passiert noch zu wenig auf der Seite, sie ist sehr "kurz".
Ich finde den "Sticky" Effekt für diesen Block jetzt nicht so unbedingt genial und ein "Muss", vielleicht solltest Du den wieder entfernen.
Am Handy geht das jedenfalls so gar nicht - da sieht man das Bild von Scully ja überhaupt nicht:
Scully-Seite am Smartphone.jpg
Der Block ist zweigeteilt - links der Text und rechts das Bild - und daher nicht geeignet, da der gesamte Block auf "Sticky" eingestellt ist. Dadurch wird die rechte Hälfte des Blocks mit dem Bild nie angezeigt, da der Block nicht nach oben geschoben werden kann.
Es gibt diese Bootstrap-Class aber auch zugeschnitten auf bestimmte Display-Größen:
https://getbootstrap.com/docs/5.0/helpe ... sticky-top
Do könntest Du z.B. die
class="sticky-lg-top" ("lg" = "large" = "groß" / also >= 992px) verwenden, dann erscheint der Block am mobilen Gerät ganz normal und erst am Desktop (ab 992px Breite) mit dem "Sticky" Effekt.
Ersetze also die Klasse "
sticky-top" mit der Klasse "
sticky-lg-top" und alles wird am mobilen Gerät korrekt angezeigt.
P.S.:
Deine CSS (Media-Anweisung) bewirkt so nichts, denn das Bild ist ja ohnehin am Handy auf 100% Breite, da der Block dort umbricht.
Man kann aber z.B. am Handy mit Media-Anweisungen einen ganz anderen Block als dem Desktop darstellen, hier hatte ich mal Beispiele für Bilder und Videos erstellt:
https://www.mobirise-tutorials.com/Tuto ... n-off.html
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.