Bootstrap 4.5 | Desktop: Bilder Float | Mobil: Bilder break | Hilfe ich raffe das nicht mehr

[Edda im Homeoffice (verzweifelt)]

Hi,

ich verwende die aktuelle Boostrap 4.5v . Ich möchte gerne 300x300 px Bilder im Content einbinden. Das klappt mit den Classes "float-right" und "img-thumbnail" super (siehe https://jsfiddle.net/L1ns2h9u/ ). Allerdings in der Mobilenansicht habe ich so 1 oder 2 Buchstaben neben dem Bild. Das sieht extrem unschön aus.

Ich habe bei andern Webseiten ( https://demo.tagdiv.com/newspaper_magazine_pro/2020/06/03/td-post-the-real-economy-has-never-been-tested-by-a-pandemic/ ) gesehen, das das 300px breite Bild [...]Looking to the future with optimism[...] ab XXX px wie eine Art BREAK vor dem Bild bekommen.

Leider reichen meine HTML Kenntnisse nicht mehr aus, um den Code zu verstehen. HILFE