Выровнять две картинки по центру (bootstrap)

<p style="text-align: center;">
    <span style="font-size:16px;">e-mail: st.art.design@ukr.net </span></p>
<p style="text-align: center;">
    <span style="font-size:16px;"><span style="display:block"><span style="font-size:12pt;line-height:14pt">instagram <a href="https://www.instagram.com/st.art.designstudio">@st.art.designstudio</a></span></span></span></p>
<p style="text-align: center;">
    <span style="font-size:16px;"><a href="https://www.facebook.com/st.ARTdesignstudio" target="_blank"> <img alt="" src="share42/icons.png" style="width: 16px; height: 16px; bottom: 2px;" /></a>&nbsp;&nbsp;<a href="https://www.facebook.com/st.ARTdesignstudio" target="_blank">facebook.com/st.ARTdesignstudio</a><strong> </strong> </span></p>
<p style="text-align: center;">
    &nbsp;</p>
<style type="text/css">
.l1 {
    position: relative; /* Относительное позиционирование */
    height: 280px; /* Высота блока */
    width: 420px;
    margin-left: auto;
    margin-right: auto;
   }
   .l2 {
    display: block;
    position: absolute; /* Абсолютное позиционирование */
     /* Положение от правого края */
    /*line-height: 1px;*/
    color: #ddd;
    font-size: x-large;
    margin-left: auto;
    margin-right: auto;
   }
   .l2-l{
    float:left;
    right: 25px;
   }
   .l2-r{
    float:right;
    left: 25px;
   }
   .a1{
    bottom: 25%; /* Положение от нижнего края */
   }
   .a2{
    bottom: 10%; /* Положение от нижнего края */
   }</style>
<div class="row">
    <div class="span1">
        &nbsp;</div>
    <div class="span5">
        <div class="l1">
            <p style="text-align: center;">
                <img alt="" src="https://www.cyberforum.ru/images/cont_valer.jpg" style="width: 420px; height: 280px; margin: 2px; box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.8);" /></p>
            <div class="l2 l2-l a1" style="text-align: center;">
                Коваль Валерия</div>
            <div class="l2 l2-l a2" style="font-size: 20px;">
                +38 099 265 28 67</div>
        </div>
    </div>
    <div class="span5" style="text-align: center;">
        <div class="l1">
            <p>
                <img alt="" src="https://www.cyberforum.ru/images/cont_ira.jpg" style="width: 420px; height: 280px; margin: 2px; box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.8);" /></p>
            <div class="l2 l2-r a1" style="color: #000; ">
                Абрамова Ирина</div>
            <div class="l2 l2-r a2" style="color: #000; font-size: 20px;">
                +38 099 521 82 61</div>
        </div>
    </div>
    <div class="span1">
        &nbsp;</div>
</div>