How to fix the repetition of background image in css and html?

Question

I am working on my webpage .

When i use div tag as given below then the image contains slide 1 will show multiple time if i zoom out the browser and second and third image is not appearing.

Please help me guys .

<div class="carousel-inner" role="listbox">
<!-- Slide 1 -->
<div class="carousel-item active" style = "background-image: url(img/computer.jpg);">
<div class="carousel-caption text-center"> <h1>Welcome To </h1>
<h3>An Amazing World of Programming</h3>
<h4>A Complete Refrance</h4>
<h6>SONU KUMAR</h6>
<a class="btn btn-outline-light btn-lg" href ="#course">Get Started</a>
</div>
</div>

<!-- Slide 2 -->

<div class="carousel-item" style="background-image: url(img/pexel.jpg);">
</div>

<!-- Slide 3 -->

<div class="carouse-item style= background-image: url(img/pexel1.jpg);>
</div>
</div>
https://code.sololearn.com/WJ43hTpmp8Kk/?ref=app

Answer 1

Show us your code.
I mean give link to your code.
Because code you give in description is not full and it is hard to understand what is actual problem.

Answer 2

Ok i am going to update my question and give you its link

Answer 3

//
https://www.sololearn.com/learn/CSS/1105/

Answer 4

Set the background-repeat to :no-repeat; or probably you should give a link to your code