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

[Anonymous]

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

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