Carousel Bootstrap disappears Asp net

Question

Good evening, I tried to find the answer of that my doubt in the forum and did not find. I have a website developed in Asp.Net MVC and on the home page I have a bootstrap Carousel. Carousel works normally, passes in slide 3 images. I realized that after a while, the images disappear, and Carousel stops working. It displays only the three dots below, which represents when you want to click on one of the slides. I tried to track the code and I’m not getting a solution to understand why Carousel stops displaying the images after a while.

<section id="slider">
<!--slider-->
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <div id="slider-carousel" class="carousel slide" data-interval="100000" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#slider-carousel" data-slide-to="0" class="active"></li>
                    <li data-target="#slider-carousel" data-slide-to="1"></li>
                    <li data-target="#slider-carousel" data-slide-to="2"></li>
                </ol>

                <div class="carousel-inner">
                    <div class="item active">
                        <div class="col-sm-6">
                            <h1><span>Stile</span> Speciale</h1>
                            <p>Lindo conjunto Cropped de Pelinho e Calça com Listra! </p>
                            @*<button type="button" class="btn btn-default get">Get it now</button>*@
                        </div>
                        <div class="col-sm-6">
                            <a href="/produto/0019">
                                <img src="Stile/Conjunto Cropped Pelinho e Calça Listra.jpg" class="girl img-responsive" alt="" width="500" height="400" />
                                @*<img src="images/home/pricing.png" class="pricing" alt="" />*@
                            </a>
                        </div>
                    </div>

                    <div class="item">
                        <div class="col-sm-6">
                            <h1><span>Stile</span> Speciale</h1>
                            <h2>Calça Moletom</h2>
                            @*<p>Body da Jeiza da novela!! </p>*@
                            @*<button type="button" class="btn btn-default get">Get it now</button>*@
                        </div>
                        <div class="col-sm-6">
                            <a href="/produto/0005">
                                <img src="Stile/Calça Moletom.jpg" class="girl img-responsive" alt="" width="500" height="400" />
                            </a>
                            @*<img src="images/home/pricing.png" class="pricing" alt="" />*@
                        </div>
                    </div>

                    <div class="item">
                        <div class="col-sm-6">
                            <h1><span>Stile</span> Speciale</h1>
                            <h2>Blusa de Tule</h2>
                            @*<p>Body da Jeiza da novela!! </p>*@
                            @*<button type="button" class="btn btn-default get">Get it now</button>*@
                        </div>
                        <div class="col-sm-6">
                            <a href="/produto/0001">
                                <img src="Stile/Blusa de Tule.jpg" class="girl img-responsive" alt="" width="500" height="400" />
                                @*<img src="images/home/pricing.png" class="pricing" alt="" />*@
                            </a>
                        </div>
                    </div>


                    <a href="#slider-carousel" class="left control-carousel hidden-xs" data-slide="prev">
                        @*<i class="fa fa-angle-left"></i>*@
                    </a>
                    <a href="#slider-carousel" class="right control-carousel hidden-xs" data-slide="next">
                        @*<i class="fa fa-angle-right"></i>*@
                    </a>
                </div>

            </div>
    </div>
</div>