Animated hover CSS3 effects not working

Hi, I am unable to replicate the Animated hover CSS3 effects for images which is seen on the demo. I have checked my codes and they seem to be not much different from the originals, e.g.

<div class="dj-image-hover" style="text-align: center;">
<div class="view view-third"><a href="/index.php/dj-classifieds/add-item"><img src="/images/modules/advertise.png" border="0" /></a>
<div class="mask">
<h2><a href="/index.php/dj-classifieds/add-item">Advertise for Free!</a></h2>
<p>We are providing a platform for property owners to list their properties on our website at NO COST. No strings attached.</p>
<p><strong>Why do we do this?</strong> Because we want to help our pool of buyers quickly locate their dream property. </p>
<a class="readmore" href="/index.php/dj-classifieds/add-item">Read More</a></div>
</div>
</div></div>

Would appreciate if anybody can spot where I could have gone wrong.

You may view the page here: www.teamys.com/index.php/

Thank you.

Hello,

I have already replied to your ticket:

Thank you for contacting us.

That issue seems to be related to the css compress that is enabled in your template parameters. If you would like to keep using the compressor (if you disable it the buttons will work correctly) I suggest you a small modification that will take you up to 2 minutes.

Please edit the jm_head.php file located in templates/dj-real-estate02/lib/php/jm_head.php and move the selected section couple lines down, as you can see on the screenshot:

screenpresso.com/=pp2zg

I hope that you can handle it.

Regards,
Marcin

Yes, that solved it. Thanks, Marcin!

You're welcome