Масштабируемые изображения, которые меняются при наведении? ⇐ Html

[Anonymous]

Итак, у меня есть два расположенных рядом квадратных изображения, которые при наведении курсора превращаются в другую пару изображений, используя информацию из этого вопроса. Часть изменения при наведении работает нормально. Но теперь меня мучает изменение их размера.
Этот метод наведения «фонового изображения в CSS» не масштабируется, и, похоже, ничего не работает для функции изменения при наведении, кроме заданной высоты и ширины в пикселях. Процент размера родительского элемента не работает, соотношение сторон не работает. VW и VH вроде работают, но выглядят ужасно; пропорции всегда отключены, и я просто хочу, чтобы изображения оставались квадратными.
Я бы хотел, чтобы эти два квадратных изображения имели следующие качества:

• Они остаются квадратными.
• Они соприкасаются друг с другом и центрируются как пара (внутри блока содержимого страницы)
  
  Подробнее здесь: https://stackoverflow.com/questions/798 ... e-on-hover