Bootstrap 4对齐单独对象的边距

Question

我遇到了一个我无法理解的问题。 使用Bootstrap 4和HTML并且我不擅长CSS或CSS3，这是我第一次尝试对齐或遵循从设计师处理并将其设置为html和css的设计。

我需要将一行或容器的末尾与上滑块的右边距对齐，我需要对第二行或容器执行相同操作，除非将其与上滑块的相对边距对齐。

为了更好地解释，请参考图片。 我需要那些行或容器中的图像响应并随着行或容器的增长而增长并停止直到它到达红线附近。

到目前为止，这是我的代码：

    <div class="container">
        <div class="row">
            <div id="slider20" class="rev_slider" style="width:100%;">
                <ul style="padding-left: 0px;"> 
                    <div class="caption">
                        <h1 class="jumbo-text">some text</h1>
                    </div>
                    <li data-transition="slideleft" data-slotamount="1" data-thumb="/*/img5_thumb.jpg"> 
                        <img src="assets/images/background.jpg" class="img-responsive" style="width:100%; height:100%;"> 
                    </li>                         
                </ul>                     
            </div>
        </div>
    </div>
    <div class="flex-nowrap align-items-start align-content-start d-flex flex-row-reverse justify-content-start container-fluid" style="padding-left: 0;
padding-right: 0;">
        <div class="row ml-auto">
            <img src="assets/images/elipseleft1.png" width="100%" />
        </div>
    </div>