Сделал такое решение:
Background ресайзил относительно отношения сторон.
<style>
#rec237308335 .t396__elem > a {
transition: .5s ease;
}
</style>
<script>
if($('#rec237308335 .t396__elem > a').width() > $('#rec237308335 .t396__elem > a').height()) {
$('#rec237308335 .t396__elem > a').css('background-size','100% auto')
} else {
$('#rec237308335 .t396__elem > a').css('background-size','auto 100%')
}
$('#rec237308335 .t396__elem > a').hover(function(){
if($(this).width() > $(this).height()) {
$(this).css('background-size','100% auto')
} else {
$(this).css('background-size','auto 100%')
}
})
$('#rec237308335 .t396__elem > a').mouseover(function(){
if($(this).width() > $(this).height()) {
$(this).css('background-size','120% auto')
} else {
$(this).css('background-size','auto 120%')
}
})
</script>