Merhabalar bir yapım var arama yaptırıyorum ancak sadece isimleri çıkıyor
ben görseli ile birlikte çıksın istiyorum yapım şu şekilde ;

<form>
    <div class="gaming_header_inner d-flex justify-content-center">
        <div class="gaming_form_search">
            <input placeholder="Ara" id="myInput" type="text">
        </div>
    </div>
</form>

<div class="col-lg-6 col-md-6 col-12 mb-50" id="myList">
    <div class="player_list_single_item wow fadeInLeft"  data-wow-delay="0.1s" data-wow-duration="1.1s">
        <div class="top">
            <img>
           image alanı
           arama sonucu gelmeyen yer**
        </div>
        <div class="content">
            **arama sonucu gelen yer**
            <h4 class="title"><a href="{{route("valorant.show",$valorantRaw["uuid"])}}">{{$valorantRaw  ["displayName"]}}</a></h4>
            <div class="content-shape-img">
                <img src="{{asset("app/data")}}/master/img/others/tam-text-shape.webp" alt="">
                <img src="{{asset("app/data")}}/master/img/others/tam-text-shape2.webp" alt="">
            </div>
        </div>
    </div>
</div>

<script>
$("#myInput").on("keyup", function () {
    var value = $(this).val().toLowerCase();
    $("#myList div").filter(function () {
        $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
});
</script>

Nerede yanlış yapıyorum acaba ?