$(document).ready(function() {

    $('.media-item > img').mouseenter(function() {
        $(this).animate({ width: "35px", height: "35px" }, 100);
    });


    $('.media-item > img').mouseleave(function() {
        $(this).animate({ width: "30px", height: "30px" }, 100);
    });

});