Major Firefox errors with images in 1/4 rows

Check out the link below, images with a color and text overlay + a zoom in effect–that look fine in Chrome and Explorer–just run like an endless strobe light show on fire fox.

Been working with Enfold for year–first time I’ve seen anything like this happen. The shortcode on the site is also below, perhaps that’s the source of the incompatibility.

Thanks,

.main_menu a {
font-weight: bold;
}

.avia-content-slider .slide-entry-title {
font-size: 18px !important;
}

.toggler.activeTitle {
background: #59b74e !important;
color: white;
}

.main_color .toggler {
background: #1794ce;
color: white;
}

.main_color .toggler:hover {
background: #49baeb !important;
color: white !important;
}

img.avia_image {
z-index:2!important;
}

a.avia_image {
z-index:1!important;
}

.avia-button.avia-size-large { font-size: 17px; } /* for large buttons */
.avia-button.avia-size-medium { font-size: 17px; } /* for medium buttons */
.avia-button.avia-size-small { font-size: 17px; } /* for small buttons */

.special_amp { color: inherit!important; font-family: inherit; font-size: inherit; font-style: inherit;}

.avia-layerslider.avia-shadow {
box-shadow: none !important;
}

div#after_layer_slider_1 {
border-top: none!important;
}

.main_color.iconbox_top .iconbox_icon:hover {
background-color: #59b74e!important;
color: #ffffff !important;
}

h3.iconbox_content_title a:hover {
color: #59b74e!important;
}

.avia-button:hover {
background-color: #59b74e !important;
}

h2.woocommerce-loop-product__title:hover {
text-decoration: underline;
}

.av-iconlist-small li {
margin-bottom: 15px;
}

.avia-icon-list .iconlist_icon {
margin-right: 15px;
}

td {
font-size: 15px;
}