create edge at the end of the image inside a carousel

I'm trying to place a blue border at the end of the images that are inside the carousel, but I could not, this is my carousel's html code. How could I add that edge?

    <div class="row fila2">

<div class="col-12 imagenesc">

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">

    <div class="carousel-inner" role="listbox">
    <div class="carousel-item active">
    <img class="d-block img-fluid" src="imagenes/20130819180556.jpg" alt="First slide">
    </div>
    <div class="carousel-item ">
    <img class="d-block img-fluid" src="imagenes/20130819180644.jpg" alt="Second slide">
    </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
    </a>
        </div>

I put a screenshot of the image of the web, I have two edges above, I want the edge to appear at the end of the image, but I could not give it.