JSFiddle - React, Tailwind, and code Playground

HTML

<div id="agrid">
  <div class="ships">
    <div class="ship" data-id="523822" style="left: 50.5%; top: 33.8333%;">
      <img class="icon round" src="/img/provalys.png" />
    </div>
    <div class="ship" data-id="795246" style="left: 50.5%; top: 33.8333%;">
      <img class="icon round" src="/img/gaselys.png"/>
    </div>

  </div>

JavaScript

console.log( document.querySelector("#agrid .ships .ship[data-id='523822'] img").getAttribute('src') );