как выровнять таблицы цен и отцентрировать их по начальной загрузке и scss

Question

   <div class="container-fluid">
            <div class="row justify-content-md-center text-center">
                <div class="col-md-12">
                <h1>Odaberi Paket</h1>
            </div>
                    <div class="col-12">
                        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div> 
            <div class="col-xl-3 cl-md-3">
                <div class="pricing-table">
                    <div class="panel panel-primary">
                        <div class="controle-header panel-heading panel-heading-landing">
                        <span class="price-value">150<span class="currency">EUR</span></span>
                            <h3 class="panel-title panel-title-landing">Pocetni Paket</h3>
                        </div>
                        <div class="panel-body panel-body-landing">
                            <table class="table">
                            <p>Lorem ipsum dolor <br>sit amet, consectetur adipiscing elit.</p> 
                            </table>
                        </div>
                        <div class="panel-footer panel-footer-landing">
                            <a href="#" class="btn btn-outline-danger">Odaberi</a>
                        </div>
                    </div>
                    </div>
                <img class="saksijica" src="np-assets/images/saksijica.png">
            </div>
            <div class="col-xl-3 cl-md-3">
            <img class="cat" src="np-assets/images/maca.png"> 
                <div class="pricing-table">
                    <div class="panel panel-primary">
                        <div class="controle-header panel-heading panel-heading-landing">
                        <span class="price-value">150<span class="currency">EUR+DODACI</span></span>
                            <h3 class="panel-title panel-title-landing">Pro Paket</h3>
                        </div>
                        <div class="panel-body panel-body-landing">
                            <table class="table">
                            <p>Lorem ipsum dolor <br>sit amet, consectetur adipiscing elit.</p> 
                            </table>
                        </div>
                        <div class="panel-footer panel-footer-landing">
                            <a href="#" class="btn btn-outline-danger">Odaberi</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>   

Новичок здесь. У меня проблема с выравниванием таблиц ценообразования и их центрированием, и, кроме того, в левом нижнем углу левой таблицы ценообразования должна быть картинка, а в верхней части справа также должна быть картинка. Вот мой код, который поможет мне подчеркнуть, что между ними не должно быть отступов.