title: Background Color Disappears On Desktop
body: <p>I have a Background color added to an image that sits to the left of another div with content. The background color shows up as it should when viewed on mobile, however when viewed on desktop the color disappears. All styles have to be done inline as I do not have access to the main css.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;article class="page__group " style="padding-bottom: 10px;"&gt;
  &lt;div class="content-block__inner; position: relative;"&gt;
  &lt;div class="col-sm-12"&gt;
  &lt;div class="icon-title__image" style="padding: 0% 0%; background-color: #22a9e0;"&gt;&lt;img src="/media/5425/facecovering-transparent-150x150.png" alt="" /&gt;&lt;/div&gt;
  &lt;div class="icon-title__blurb color--tertiary-dark" style="font-size: 1.125em; line-height: 1.45; background-color: #e8e8e8; float: right; padding: 20px 20px 40px 20px;"&gt;&lt;strong&gt;Lorem ipsum dolor sit amet&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/article&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/nDuoB.png" rel="nofollow noreferrer">Desktop</a></p>
  
  <p><a href="https://i.stack.imgur.com/i70Lu.png" rel="nofollow noreferrer">Mobile</a></p>