title: Is there a way to hide images but show text when the user wants to print a page?
body: <p>I am creating a print css file. I am trying to hide the header image div on the top of the page but keep the text inside it. I don't want there to be a space left for the div on the page. This is going to be a print file.</p>
  <p>HTML</p>
  <pre><code>&lt;div class=&quot;module_hero&quot;&gt;
      &lt;div class=&quot;image hero&quot;&gt;
          &lt;div class=&quot;gradient&quot;&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;text&quot;&gt;
          &lt;h1&gt;Title&lt;/h1&gt;
          &lt;p class=&quot;blurb&quot;&gt;Blurb&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>