Странно, но у меня, там где фигма, мой i7 7500 и 8 гигов оперативки не справляются, если параллельно открыть фотошоп, или если ноут не перезагружал дня 4-5...
Проц тут не проблема, но только фигма съедает 2-3 гб оперы, фотошоп хочет около 2, + пару вкладок хрома около 1500мб, где остальное не известно, но факт, что нужно 16 гигов ))

Есть пару вариантов:
1) Сделать картинку бекграундом, и менять его при наведении.
2) Положить в контейнер обе картинки

<div class="image">
 <img class="img">
 <img class="hoverImg">
</div>

.image .hoverImg {
 display: none;
}
.image:hover .img {
 display: none
}
.image:hover .hoverImg {
 display: block
}

3) Использовать data атрибут с hover картинкой, и обрабатывать события mouseover, mouseout при помощи JS, с подменой атрибута src из вашего data атрибута при событии mouseover

И наверное ещё несколько вариантов можно придумать ;)