Проблема в Bootstrap 4?

Существует следующий блок:

И всё казалось бы хорошо, но заключив блок с изображениями товаров в <div> мы получаем следующее:

С чем это связано и как это можно исправить?

Разметка:

        <div>
            <div class="col-lg-4">
                <img src="img/production/napoleon.png" alt="">
                <p>НАПОЛЕОН</p>
            </div>
            <div class="col-lg-4">
                <img src="img/production/choco.png" alt="">
                <p>ШОКОЛАДНЫЙ</p>
            </div>
            <div class="col-lg-4">
                <img src="img/production/medovik.png" alt="">
                <p>МЕДОВИК</p>
            </div>
        </div>