So basically Im using this image as an example as I've already found how to make it transition and fade into the next (not sure why its not doing it with these images). However when I run the code in my text editor the image does indeed change but not my image and containers are floating on top rather than aside, and before I created the transformed image, it was floating to the image's side (but still not wrapping all the way around it exactly)
What is it that im doing wrong?
Heres a link to the Jfiddle:
position: absolute to the
img, which removes it from the normal flow of elements in the DOM, so neighboring elements will no longer be affected by the positioning of the
img. If you remove that positioning, everything floats as expected. https://jsfiddle.net/y5md2weu/5/