Не могу пофиксить верстку

Не могу пофиксить бордер у Item. Надо как-то поправить картинки и провести бордер на них. html:

    <div class="container as">
    <div class="row rowNews">
        <div class="col-xxl-3 col-md-3 col-sm-4 borderTop">
            <div class="newItem " >
                <div class="newItemImage">
                    <img src="img/new1.png" alt="">
                </div>
                <div class="newItemText">
                    <h4>Конкурс</h4>
                    <span>Библиотека Алвара Аалто в Выборге –  памятник архитектуры, построенный в 1935 году по проекту всемирно известного архитектора</span>
                </div>
            </div>
        </div>
        <div class="col-xxl-3 col-md-3 col-sm-4 borderTop">
            <div class="newItem">
                <div class="newItemImage">
                    <img src="img/new2.png" alt="">
                </div>
                <div class="newItemText">
                    <h4>Чтения</h4>
                    <span>Библиотека Алвара Аалто в Выборге –  памятник архитектуры, построенный в 1935 году по проекту всемирно известного архитектора, основоположника финской </span>
                </div>
            </div>
        </div>
        <div class="col-xxl-3 col-md-3 col-sm-4 borderTop">
            <div class="newItem newItemNoneBorder" >
                <div class="newItemImage">
                    <img src="img/new3.png" alt="">
                </div>
                <div class="newItemText">
                    <h4>Выставка</h4>
                    <span>Библиотека Алвара Аалто в Выборге –  памятник архитектуры, построенный в 1935 году по проекту всемирно известного архитектора, основоположника финской национальной школы и крупнейшего мастера архитектуры ХХ века.</span>
                </div>
            </div>
        </div>
    </div>

css:

.as {
    margin-top: 110px;
}

.rowNews{
    justify-content:center;
   
}
.newItem{
   width: 318px;
   border-right: 2px solid;
   height: 400px;
   z-index: 1;

}
.borderTop{
    border-top: 2px solid;
}
.newItemImage{
    z-index: -1;
}
.newItemImage img{
    width: 330px;
    align-items: center;
    z-index: -1;
    margin-left: -12px;
}   
.newItemText{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}
.newItemText span{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
}