Jquery 更改z索引并获得滚动条

我尝试了很多方法，首先是在css中使用jquery，但我无法获得正确的z索引。 文本应该在图像的右边，而不是下面。 如果我检查源代码中的z索引，那么它是正确的，但是文本仍然在后面

$(document).ready(function() {

    var entries = $('.entrie').length;


    $('.entrie').each(function(index){
        //console.log(index);
        var newIndex = entries-index;
        console.log(newIndex);
        $(this).css('z-index', newIndex);
    });


});

下面是一个JSFIDLE：

第二个（不太重要），当我把窗口弄得很小，然后文本就放在图像下面时，我怎样才能防止这种情况发生？当滚动条变小时，我只需要滚动条。

在entrieInfo类中添加“位置：绝对”；在entrieImage类中添加“位置：相对”

---

演示：

给出将z索引应用到

位置的两个元素：相对。z-index不适用于任何没有位置的元素。
只是补充：“注意：z-index仅适用于定位元素（位置：绝对、位置：相对或位置：固定）。”