TheGoodLife4

ставишь блок с соц сетями на это место абсолютом к примеру. даешь блоку opacity: 0;
при ховере даешь opacity: 1;
или visibility: hidden; и visibility: visible;

<figure>
<img>
<div class="social"></div>
</figure>

figure {
position: relative;

}
.social {
position: absolute;
задаем нужное положение
на выбор: display:none; opacity:0 или visibility: hidden (могу быть еще варианты позиционирования куда-нибудь за край блока или экрана, но их опустим)

}

img:hover + .social {
возвращаем display, opacity или visibility
}

Также необходимо согласовать размеры картинки и figure.

Альтернативный вариант, применять hover к figure, а не к картинке figure: hover .social {}.