JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="menuToggle">
      
    </div>
    <div class="navigation">
      <div class="navArea">
        <ul>
          <li>
            <a href="#" onmouseenter="changeImage('https://i.imgur.com/15u51cG.jpg')">Home</a>
          </li>
          <li>
            <a href="#" onmouseenter="changeImage('https://i.imgur.com/BPhlOhK.jpg')">About</a>
          </li>
          <li>
            <a href="#" onmouseenter="changeImage('https://i.imgur.com/VIQKJ9W.jpg')">Shop</a>
          </li>
          <li>
            <a href="#" onmouseenter="changeImage('https://i.imgur.com/A9m32sw.jpg')">Gallery</a>
          </li>
          <li>
            <a href="#" onmouseenter="changeImage('https://i.imgur.com/25Mo53M.jpg')">Contact</a>
          </li>
        </ul>
      </div>
      <div class="imgArea">
        <div class="img-overlay"></div>
        <img src="https://i.imgur.com/15u51cG.jpg" alt="" id="slider">
      </div>
    </div>

 <div class="menuToggle">
      
    </div>
    <div class="navigation">
      <div class="navArea">
        <ul>
          <li>
            <a href="#" onmouseenter="changeImage('https://i.imgur.com/15u51cG.jpg')">Home</a>
          </li>
          <li>
            <a href="#" onmouseenter="changeImage('https://i.imgur.com/BPhlOhK.jpg')">About</a>
          </li>
          <li>
            <a href="#" onmouseenter="changeImage('https://i.imgur.com/VIQKJ9W.jpg')">Shop</a>
          </li>
          <li>
            <a href="#" onmouseenter="changeImage('https://i.imgur.com/A9m32sw.jpg')">Gallery</a>
          </li>
          <li>
            <a href="#" onmouseenter="changeImage('https://i.imgur.com/25Mo53M.jpg')">Contact</a>
          </li>
        </ul>
      </div>
      <div class="imgArea">
        <div class="img-overlay"></div>
        <img src="https://i.imgur.com/15u51cG.jpg" alt="" id="slider2">
      </div>
    </div>

JavaScript

var res = document.querySelectorAll("slider,slider2");
function changeImage(anything) {
        document.getElementById('slider').src = anything;
      }