如何在容器外面拉一列？

Question

我正在使用Bootstrap4。我在容器中有一行，有两列，如下所示。我需要第一列的图像，按照我的图像将其从容器中拉出。如何将第一列和图像拉伸到容器外部的屏幕左侧，同时保持另一列的高度，即，如果内容变大，另一列就会增长。

<div class="container">
<div class="row">
    <div class="col-6">
        <img src="assets/img/test/test.jpg" class="h-100 w-100 d-block">
    </div>
    <div class="col-6 d-flex align-items-center my-2">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacinia lectus a velit euismod, accumsan venenatis quam fermentum. Pellentesque nec est scelerisque, pretium quam vulputate, fringilla elit. Donec lobortis velit et odio imperdiet, id tincidunt arcu aliquet. Proin non lacus scelerisque, tempor ipsum sed, commodo ipsum. Aliquam purus nisl, pulvinar id tristique eu, porttitor ut purus. Curabitur at nisi quam. Pellentesque tristique massa eu cursus pharetra. Nam id elit venenatis ante varius condimentum. Etiam convallis tortor sed posuere elementum. Suspendisse nec tempus nulla, nec pretium magna. Donec vitae venenatis diam, ut tincidunt elit. Praesent feugiat, nisl at sollicitudin consequat, nibh magna lacinia libero, nec commodo tortor odio non nisl. In sem eros, condimentum ac arcu nec, tincidunt blandit quam. Aenean vitae dapibus odio, id dapibus mi.</p>
    </div>
</div></div>