Third rows image don't appear

background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;

<div class="imgLiquidFill imgLiquid">
                                <img src="<?php echo Juri::base().$items_final[$k-1]->image; ?>" alt="<?php echo $items_final[$k-1]->title; ?>">
                            </div>
                            <div class="imgLiquidFill imgLiquid">
                                <img src="<?php echo Juri::base().$items_final[$k-1]->imageback; ?>" class="<?php echo $items_final[$k-1]->title; ?>">
                            </div>

<div class="imgLiquidFill imgLiquid" style="background-image: url(<?php echo Juri::base().$items_final[$k-1]->image; ?>);">                            
</div>
<div class="imgLiquidFill imgLiquid" style="background-image: url(<?php echo Juri::base().$items_final[$k-1]->imageback; ?>);">
</div>

jQuery(document).ready(function() {
                        jQuery(".imgLiquid").imgLiquid();
                    });