Filter Image depends on alt tag value

custom.js

const $img = jQuery(".product__media-list img");
jQuery(".color_input_fields input").on("click",function() {
  $img.parents('li').hide();
  const val = this.value.trim().toLowerCase();  
  if (val === "") return; 
  $img.filter(function() { return this.alt.toLowerCase().includes(val)  }).parents('li').show()
});