Merhaba arkadaşlar html tek sayfalık bir site oluşturmaya çalışıyorum , hazır bir sistemde yazarlar bölümünde icon olarak font awesome kullanılmış ben bu kısımda yazarların fotoğrafını koymayı istiyorum bi iki denemem oldu fakat çerçeve bozuluyor yardımcı olabilecek varmı ?
Yazarlardan bölümünden birisi bu


Kodlar :
<!--Düşünceler--> <div class="v-parallax v-parallax-video v-bg-stylish" id="services" style="background-image: url(img/slider/slider4.jpg);"> <div class="container"> <div class="row"> <div class="col-sm-4"> <div class="feature-box feature-box-secundary-one v-animation" data-animation="grow" data-delay="0"> <div class="feature-box-icon small"> <i class="fa fa-laptop v-icon"></i> </div> <div class="feature-box-text clearfix"> <h3>1.Yazar</h3> <div class="feature-box-text-inner"> <p> Kendisinden önsöz bekleniyor... </p> <a href="#" class="read-more">Diğer sözleri</a> </div> </div> </div> </div> <div class="col-sm-4"> <div class="feature-box feature-box-secundary-one v-animation" data-animation="grow" data-delay="200"> <div class="feature-box-icon small"> <i class="fa fa-leaf v-icon"></i> </div> <div class="feature-box-text"> <h3>2.Yazar</h3> <div class="feature-box-text-inner"> <p> Neden ?<br /> Açıklama <br /> </p> <a href="#" class="read-more">Diğer sözleri</a> </div> </div> </div> </div> <div class="col-sm-4"> <div class="feature-box feature-box-secundary-one v-animation" data-animation="grow" data-delay="400"> <div class="feature-box-icon small"> <i class="fa fa-scissors v-icon"></i> </div> <div class="feature-box-text"> <h3>Marco Cantu</h3> <div class="feature-box-text-inner"> <p> Kendisinden önsöz bekleniyor... <br /> </p> <a href="#" class="read-more">Diğer sözleri</a> </div> </div> </div> </div> <div class="v-bg-overlay overlay-colored"></div> </div> </div> </div> <!--End Düşünceler-->