Pictures with links are not clickable, how to fix?

Question

css

There is a store on ocstore, banners are made based on html , the code below, what to fix for functioning? Or is it all right and edit css? Thanks in advance

<div class="offer-banner-section">  <div class="container">    <div class="row">      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInUp animated"><a href="/index.php?route=information/information&amp;information_id=9"><img src="catalog/view/theme/micra/image/offer-banner1.png" alt="offer banner1">        </a><div class="mask"><a href="/index.php?route=information/information&amp;information_id=9"> </a><a href="h/index.php?route=information/information&amp;information_id=9" class="info">Автозвук</a> </div>
      </div>
      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInLeft animated"><a href="/index.php?route=information/information&amp;information_id=10"><img src="catalog/view/theme/micra/image/offer-banner2.png" alt="offer banner2">        </a><div class="mask"><a href="/index.php?route=information/information&amp;information_id=10"> </a><a href="/index.php?route=information/information&amp;information_id=10" class="info">Покраска</a> </div>
      </div>
      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInRight animatedt"><a href="/index.php?route=information/information&amp;information_id=11"><img src="catalog/view/theme/micra/image/offer-banner3.png" alt="offer banner3">        </a><div class="mask"><a href="/index.php?route=information/information&amp;information_id=11"> </a><a href="/index.php?route=information/information&amp;information_id=11" class="info">Ремонт</a> </div>
      </div>
    </div>
  </div>
</div>

Answer 1

The code is bad
In your case, the easiest way is to replace
with
There are more accurate ways to do this.

Answer 2

Here is the correct code, maybe it will help someone else =)

<div class="offer-banner-section">  <div class="container">    <div class="row">      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInUp animated"><img src="catalog/view/theme/micra/image/offer-banner1.png" alt="offer banner1">        <a href="/index.php?route=information/information&amp;information_id=9" class="mask"></a> </div>

      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInLeft animated"><img src="catalog/view/theme/micra/image/offer-banner2.png" alt="offer banner2">        <a href="/index.php?route=information/information&amp;information_id=10" class="mask"></a> </div>

      <div class="col over-effect col-lg-4 col-xs-12 col-sm-4 wow bounceInRight animatedt"><img src="catalog/view/theme/micra/image/offer-banner3.png" alt="offer banner3">        <a href="/index.php?route=information/information&amp;information_id=11" class="mask"></a> </div>

</div>

</div>

</div>