Float est le plus anciens et a beaucoup été utilisé pour toutes sortes d’alignements, maintenant son utilisation principale est de “ sortir un élément du flux et d’avoir un texte qui s’adapte à son contour ”
Avec les fichiers : float.html et float.css

Pour l’image : c’est libre, moi, j’utilise les propriétés CSS :
aspect-ratio, border-radius
toute la magie de l’exercice vient de shape-outside
shape-outside - CSS : Feuilles de style en cascade | MDN
