title: How to make an hover image in a grid text?
body: <p>I'm triying to create a grid text with 3 columns. I want shows a image when putting the mouse on it.</p>
  <p>Someone can help me? THANKS.</p>
  <pre><code>&lt;/div&gt;&lt;div grid-row=&quot;&quot; grid-pad=&quot;0&quot; grid-gutter=&quot;0&quot; grid-responsive=&quot;&quot;&gt;
  &lt;div grid-col=&quot;x10&quot; grid-pad=&quot;0&quot; class=&quot;&quot;&gt;&lt;div style=&quot;text-align: center&quot;&gt;&lt;h1&gt;03&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div grid-col=&quot;x10&quot; grid-pad=&quot;0&quot; class=&quot;&quot;&gt;&lt;h1&gt;Italy&lt;/h1&gt;&lt;/div&gt;
  &lt;div grid-col=&quot;x10&quot; grid-pad=&quot;0&quot; class=&quot;&quot;&gt;&lt;h1&gt;1998&lt;/h1&gt;&lt;/div&gt;
  </code></pre>
  <br>