<div class="container">
<img class="center" src="...">
<img class="left" src="...">
<img class="right" src="...">
</div>
.container {
display: flex;
}
.center {
order: 2;
}
.left {
order: 1;
visibility: hidden;
}
.right {
order: 3;
visibility: hidden;
}
.center:hover ~ .left,
.center:hover ~ .right {
visibility: visible;
}