Your container div for the content area has a class of .row, which is set to display:flex in Bootstrap. Direct children of a parent with display:flex can’t be floated.
To fix this you’ll either need to update the .row class so it’s not set to display:flex (display:block works for me), or add an interior wrapper div so that the image and paragraphs not direct children of the .row div.