element.style overriding span css

[testershaven]

Hello, completyle newby here! Im adding an image in a .mdx

import Image from 'next/image'

Image
src="/images/profile.png"
alt="Photo"
width={200}
height={300}
priority
className="next-image"

and modifying the css in order to float the image to the left and text on the right
span { float: left; margin-right: 0.75rem; }

However the margin-right is being override by element.style

How can I interact with this element.style ?