title: Is there any difference while applying css in image where source is in data uri format?
body: <p>I am trying to contribute in open source for the first time.
  I am styling an image(to be more specific .. size of the image) in react(by passing src or url of image and size as two props to a custom component) using scss and it works fine when url is web based for example <strong>url=&quot;https://source.unsplash.com/1000x2000/?Nature&quot;</strong>.
  But when I pass it in data uri format like this -&gt; <strong>url=&quot;data:image/svg+xml;base64,PHN2Z.....&quot;</strong> to my custom react component as a prop, size has no affect on the image.</p>
  <p>So I just want to know whether there is any difference I should be aware of while styling this custom react component.</p>
  <p>Note :- The problem only occur when I pass a additional &quot;fullScreen&quot; prop which just shows the image in full screen. But it works fine when i pass a web based URL and not a data URI.
  It also works with data URI when I don't pass the fullScreen prop to my react component.</p>