JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <img class="center" src="https://images.wsj.net/im-98412?width=620&size=1.5">
  <img class="left" src="https://cdn.vox-cdn.com/thumbor/lOGp80tpd62oyQLBU6NV-T_Njz8=/0x0:3500x2336/1200x800/filters:focal(1766x241:2326x801)/cdn.vox-cdn.com/uploads/chorus_image/image/65010501/1167182386.jpg.0.jpg">
  <img class="right" src="https://thehill.com/sites/default/files/styles/thumb_small_article/public/trumpdonald_080919getty_1.jpg?itok=Ro_CH881">
</div>

CSS

img {
  height: 200px;
}

div {
  display: flex;
}

.center {
  order: 2;
}
.left {
  order: 1;
  visibility: hidden;
}
.right {
  order: 3;
  visibility: hidden;
}

.center:hover ~ .left,
.center:hover ~ .right {
  visibility: visible;
}