<div class="box"></div>
<div class="box">
  <img src="" alt="">
</div>
<div class="box">
  <div class="wrapper">
    <img src="" alt="">
  </div>
</div>

const boxes = document.querySelectorAll('.box');

const checkTag = (parent, tag, isImmediate = false) => {
  const selector = isImmediate ? `:scope > ${tag}` : tag;
  const element = parent.querySelector(selector);
  
  return element !== null;
};

console.group('isImmediate = false');
for (const box of boxes) {
  console.log(box, checkTag(box, 'img'));
}
console.groupEnd();

console.group('isImmediate = true');
for (const box of boxes) {
  console.log(box, checkTag(box, 'img', true));
}
console.groupEnd();