Slider'a sorgu eklemekte sorun yaşıyorum

Merhaba elimde olan bir scripti bir temaya giydirmek istiyorum herşeyi yaptım ama slider kısmında bir türlü slider'in yapısından mı kaynaklı bilmiyorum ama bir türlü sorguyu slider'a uyarlayamadım.

Orjinal temadaki slider kısmı

<!-- START SECTION BANNER -->
<section class="banner_section p-0 full_screen">
    <div id="carouselExampleControls" class="banner_content_wrap carousel slide" data-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active background_bg overlay_bg" data-img-src="assets/images/banner1.jpg">
                <div class="banner_slide_content">
                    <div class="container"><!-- STRART CONTAINER -->
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12 text-center">
                            <div class="banner_content text_white">
                                <h2 class="animation text-uppercase" data-animation="fadeInDown" data-animation-delay="1s">Welcome To Anger.</h2>
                                <p class="animation my-4" data-animation="fadeInUp" data-animation-delay="1.5s">Lorem is simply text of the printing and typesetting industry.</p>
                                <a class="btn btn-default animation" href="#" data-animation="fadeInUp" data-animation-delay="1.8s">Get Started</a>
                                <a class="btn btn-outline-white animation" href="#" data-animation="fadeInUp" data-animation-delay="1.8s">Learn More</a>
                            </div>
                        </div>
                    </div>
                </div><!-- END CONTAINER-->
                </div>
            </div>
            <div class="carousel-item background_bg overlay_bg" data-img-src="assets/images/banner2.jpg">
                <div class="banner_slide_content">
                    <div class="container"><!-- STRART CONTAINER -->
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 text-left">
                                <div class="banner_content text_white">
                                    <h2 class="animation text-uppercase" data-animation="fadeInDown" data-animation-delay="1s">easy To build </h2>
                                    <p class="animation my-4" data-animation="fadeInUp" data-animation-delay="1.5s">Contrary to popular belief, Lorem Ipsum is not simply random</p>
                                    <a class="btn btn-default animation" href="#" data-animation="fadeInUp" data-animation-delay="1.8s">Get Started</a>
                                    <a class="btn btn-outline-white animation" href="#" data-animation="fadeInUp" data-animation-delay="1.8s">Learn More</a>
                                </div>
                            </div>
                        </div>
                    </div><!-- END CONTAINER-->
                </div>
            </div>
            <div class="carousel-item overlay_bg">
                <div class="banner_slide_content">
                    <div class="container"><!-- STRART CONTAINER -->
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12 text-right">
                                <div class="banner_content text_white">
                                    <h2 class="animation text-uppercase" data-animation="fadeInDown" data-animation-delay="1s">Faster And Easy</h2>
                                    <p class="animation my-4" data-animation="fadeInUp" data-animation-delay="1.5s">Ipsum generators on the Internet tend to repeat predefined</p>
                                    <a class="btn btn-default animation" href="#" data-animation="fadeInUp" data-animation-delay="1.8s">Get Started</a>
                                    <a class="btn btn-outline-white animation" href="#" data-animation="fadeInUp" data-animation-delay="1.8s">Learn More</a>
                                </div>
                            </div>
                        </div>
                    </div><!-- END CONTAINER-->
                </div>
                <div class="video_wrap">
                    <video loop="" autoplay="" muted="" poster="assets/images/video_poster.jpg">
                        <source src="assets/images/sample.mp4" type="video/mp4">
                    </video>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"><i class="ion-chevron-left"></i></a>
        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"><i class="ion-chevron-right"></i></a>
    </div>
</section>
<!-- END SECTION BANNER -->

buda benim scriptin sorgusu bir türlü düzgün çalıştıramadım

   <?php
$pop = mysql_query("SELECT * FROM `slides` order by id desc limit 3");
$p = 0;
$po = mysql_num_rows($pop);
if($po=="0"){ echo '<li>Slide bulunamadı!</li>';
}else{
while($p < $po)
{
$resim   = mysql_result($pop,$p,"resimyolu");
$baslik  = mysql_result($pop,$p,"baslik");
$link    = mysql_result($pop,$p,"link");
$konu    = mysql_result($pop,$p,"konu");
$content = mysql_result($pop,$p,"content");
?>  




 <?php
$p++;
} }
?>

query ile alakalı bir durum olabilir mi acaba diye düşünüyorum

Şaka gibi bir durum yaşadım. Aklıma chatgpt geldi. Bu iki kodu kendisine verdim ve bu html kodları ile php sorgusunu entegre eder misin dedim. Evet deyip yaptı. Sonra 1 slider tek geliyor 3 limit var 3 tane gelsin dedim. Ne yapmam gerektiğini söyledi. Beceremediğimi söyleyip sen yap dedim yaptı. Ve sorunsuz çalıştı kodlar

https://prnt.sc/P5rIR8bpCU8h