jQuery wrap разрывает псевдоэлементы CSS

Хорошо, что для сайта, над которым я работаю, я создаю эти образные сваи. Я пытаюсь сделать так, чтобы я мог просто захватить <img> затем обернуть его с помощью div и настроить css, чтобы он ухаживал за ним, чтобы придать ему эффект кучи изображения.

Вот ссылка на скрипку. И вот основная часть кода.

(function ($){
    $.fn.ImagePile = function (options) {
        var settings = $.extend({
            pileType: "neat"
        }, options);
        //get pileType from settings
        var pileType = settings.pileType;

        switch(pileType){
            case "neat":
                return this.wrap("<div class='stack neat'></div>");
                break;
        }
    };
})(jQuery);


$("#image1").ImagePile();

Забыл упомянуть, что проблема заключается в следующем :after элемент не появляется там, где он должен появляться.