title: An image is hidding my paragraph in prestashop
body: <p>I'm stuck with this and tried lots of things so I don't know what exactly tried, but I think I almost tried all posibilities in css, but I'm open to another ideas.
  The problem is that the category image is hidding the description text, as you can see in this 
  <a href="https://i.stack.imgur.com/hlGzr.jpg" rel="nofollow noreferrer">picture</a>.</p>
  
  <p>The img has a absolute position in a different div than the paragraph, so if I make it relative I can't put one on the side of the other (or maybe don't know how).</p>
  
  <p>I wouldn't post the code because its prestashop and it's pretty long, but this is the website:
  <a href="http://tienda.hostman.es" rel="nofollow noreferrer">www.tienda.hostman.es</a></p>
  
  <p>If you enter in category 'cocinas' you will see what I'm talking about.</p>
  
  <p>Thank you.
  ps: can't edit the html file because is autogenerated by prestashop</p>
  
  <p>A think it's better if I cut part of the code here:
  this is the html:</p>
  
  <pre><code>&lt;div class="block-category card card-block hidden-sm-down"&gt;
    &lt;h1 class="h1"&gt;Cocinas&lt;/h1&gt;
            &lt;div id="category-description" class="text-muted"&gt;&lt;p&gt;En esta sección se encuentran todos nuestros productos para la limpieza y cuidado de cocinas&lt;/p&gt;&lt;/div&gt;
                  &lt;div class="category-cover"&gt;
        &lt;img src="http://tienda.hostman.es/img/c/14-category_default.jpg" alt="Productos cocinas"&gt;
      &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>and this is the css</p>
  
  <pre><code>p{
      display: block;
      margin-block-start: 
      margin-block-end: 
      margin-inline-start: 
      margin-inline-end: 0px;
  }
  
  .block-category .category-cover {
      position: absolute;
      right: .75rem;
      bottom: 0;
  }
  </code></pre>