My carousel leaves a big white space when viewed in mobile

this is how the carousel looks like when viewed in mobile enter image description here

how do i remove the whitespace and make it so that it looks the same when viewed in web and mobile

this is part of my code

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active" />
    <li data-target="#carouselExampleIndicators" data-slide-to="1" />
</ol>
<div class="carousel-inner">
    <div class="carousel-item active" style="">
        <a href="xx">
                            <img class="d-block w-100" src="/web/image/.jpg" alt="First slide" data-original-title="" title="" aria-describedby="tooltip789514"/>
                        </a>
    </div>
    <div class="carousel-item" style="">
        <a href="http://g.page/SegwayMilton">
                            <img class="d-block w-100" src="https:homepage-banner.jpg" alt="Second slide"/>
                        </a>
    </div>
</div>