Display full background image : <p>I have the following inline css code:</p>

<pre><code>&lt;div class="home-hero" style="background-image: url(https://dummyimage.com/300); background-position: 100% center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%;"&gt;
</code></pre>

<p></p>

<p><a href="https://jsfiddle.net/tty2pdb2/1/" rel="nofollow noreferrer">FiddleJs</a></p>

<p>I need the image to be full width and height.</p>
