function cropAndCenterImage(el, size) {

    //el = img wrapper

    //img = img element

    if (size === undefined || size === null) { 

      size = 154;

    }

    var $el = $(el);

    var $img = $(el + " img");

    //console.log($el);

    //console.log($img);

    $img.width("auto").height("auto");

    var imgWidth = $img.width();

    var imgHeight = $img.height();

    //console.log(imgHeight, imgWidth);

    //hopefully that returns the img to it's default height and width by making the inline style to empty quotes

    if( imgWidth > imgHeight ) {

        //Crop image

      //console.log("width greater than height");

        if ( imgHeight >= size  ) {

            //console.log("hit if");

            $img.height(size);

            imgHeight = $img.height();

            imgWidth = $img.width();

            $el.height(imgHeight).width(imgHeight);

        } else {

            //console.log("hit else");

            $el.height(imgHeight).width(imgHeight);

            $img.height(imgHeight).width(imgWidth);

        }

        //Center image horizontally

        var leftInt = (imgWidth - $el.width()) / 2;

        $img.css({ "margin-left": "-" + leftInt + "px", "margin-top": "0" });

    } else {

        //Crop image

      //console.log("height greater than width");

        if ( imgWidth >= size  ) {

            $img.width(size);

            imgHeight = $img.height();

            imgWidth = $img.width();

            $el.height(imgWidth).width(imgWidth);

        } else {

            $el.height(imgWidth).width(imgWidth);

            $img.height(imgHeight).width(imgWidth);

        }

        imgHeight = $img.height();

        //Center image vertically

        var topInt = (imgHeight - $el.height()) / 2;

        //console.log(topInt);

        $img.css({ "margin-top": "-" + topInt + "px", "margin-left": "0"});

    }

​

}

​

$(function() {

  cropAndCenterImage(".photo-card-image-wrapper");

});