mikha111

<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;
}