Yall with background image css with loop

[eranga119]

i can't figure out this.if any one can help really appreciate.

<style> .index_fip { background: black; /* A little placeholder color */ height: 16.66vw; margin: 0 0 1rem; } </style>

php
for ($q = 0; $q <= 10; $q++) { endphp
div class="index_fip lazy-bg" style="background: url(php /echo/ $image[$q]; endphp);"/ div
endphp

<script src="js/yall.min.js"></script>

<script>
  document.addEventListener("DOMContentLoaded", yall);
</script>

This kind a situation how i can use yall lazy load.