Mudar imagem ao passar o mouse - WORDPRESS

Front-end
, ,
#1

Estou tentando mudar a imagem ao passar o mouse em meu tema. Os modos convencionais são com CSS, porem preciso puxar as imagens de posts do WORDPRESS, portanto inserir elas em um loop.

Exemplo como deve ficar: http://www.rayselevadores.com.br/#clientes

Como é o loop:

<?php
global $post;
$args = array( 'numberposts' => 16, 'cat' => 7 );
$myposts = get_posts( $args );
foreach( $myposts as $post ) : setup_postdata($post); ?>
    <div class="col-md-3 col-sm-3 col-xs-6 ">
	<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), '' ); ?>
	<a href="<?php the_permalink() ?>"><img class="image img-responsive" src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>"></a>
</div>
<?php endforeach; ?>

Já usei isso e não rolou:

img onmouseover=“hover(this, ‘uploads/clientes/foto2_16_1469207179635721957.png’);” onmouseout=“unhover(this, ‘uploads/clientes/foto_16_14698232201433564508.png’);” class=“start” src=“uploads/clientes/foto_16_14698232201433564508.png” alt=“Aqui Agora”>