Цикл2 не проблема перехода между слайдами изображений

Question

Я использую цикл 2 для слайда без изображения. содержание - это только предложения, и нет изображения, проблема в том, что при его переходе он будет иметь один над другим, и он не будет выглядеть хорошо.

<div class="row aboutUsChildRow" >
        <div class="aboutUsChildHeadTitle col-md-12">    
            @awards.Name
        </div>
        <div class="awardList col-md-12">  
            <div class="cycle-slideshow" 
                data-cycle-fx="scrollHorz" 
                data-cycle-timeout="0"
                data-cycle-slides="> div.AwardPage"
                data-cycle-prev="#prev"
                data-cycle-next="#next"                    
                data-cycle-pager="#custom-pager"
                data-cycle-pager-template="<strong><a href=#> {{slideNum}} </a></strong>"
                >  
                        <div class="AwardPage" >
                                    <div class="row awarditem">
                                        <div class="col-md-5 awardName">
                                            @b.Ngwersgewrgame
                                        </div>
                                        <div class="col-md-7 awardedBy">
                                            @b.GetProperty("awawsergwERGWRSGFrdedBy").Value
                                        </div>
                                        <div class="col-md-5 awardType">
                                            @b.GetProperty("awardTyWERdpe").Value
                                        </div>
                                        <div class="col-md-7 awardDescription">
                                            @b.GetProperty("awardDescrihdfhdsfhdfghption").Value
                                        </div>
                                    </div>
                        </div>
                        <div class="AwardPage" >
                                    <div class="row awarditem">
                                        <div class="col-md-5 awardName">
                                            [e-mail]("awardDescription").Value
                                        </div>
                                        <div class="col-md-7 awardedBy">
                                            [e-mail]("awardDescription").Value
                                        </div>
                                        <div class="col-md-5 awardType">
                                            [e-mail]("awardDescription").Value
                                        </div>
                                        <div class="col-md-7 awardDescription">
                                            [e-mail]("awardDescription").Value
                                        </div>
                                    </div>
                        </div>
            </div>
            <div class="center pager">
                <div class="inline"><a href=# id="prev"><img src="/Images/left.png" class="timeLineLeft"></a></div>
                <div id="custom-pager" class="center inline"></div>
                <div class="inline"><a href=# id="next"><img src="/Images/left.png" class="timeLineRight"></a></div>
            </div>
        </div>

https://jsfiddle.net/zu4sgj25/

код выше и jsfiddle, чтобы показать проблему