网站上的图像高度错误

我的网站上的“当前书”中有一排图像，为了使图像具有相同的高度，我使用以下命令将图像设置为等于378的HTML书籍：

 <img alt="HTML & CSS" height= "378" src="html.jpg">  

使用JQuery，我使用以下命令设置行中其他图像的高度：

 $(window).load(function() {
    $(".book-pictures").height($("#html").height()); 
    $(".book-pictures").width($("#html").width()); 

});
$(window).resize(function(){
    $(".book-pictures").height($("#html").height()); 
    $(".book-pictures").width($("#html").width()); 

});

这些图像的高度都是均匀的，这很好，但是HTML书籍图像的高度比其他图像的高度略小。这是该行的html：

<section id="Book-Section" class="portfolio">
    <div class="container">
        <div class="row" id="books">
            <div class="col-lg-10 col-lg-offset-1 text-center">
                <h2 class ="small-line">Current Books</h2>

                <div class="row">
                    <div class="col-md-3">
                        <div class="portfolio-item" style ="vertical-align: middle">
                            <h3>Pragmatic Programmer</h3>
                            <img alt="Pragmatic Programmer" class="img-portfolio img-responsive img-rounded book-pictures"  src="http://ecx.images-amazon.com/images/I/41BKx1AxQWL._SX258_BO1,204,203,200_.jpg" >
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="portfolio-item">
                            <h3>The Shellcoders Handbook</h3>
                            <img alt="The Shellcoders Handbook" class="img-portfolio img-responsive img-rounded book-pictures" src="http://ecx.images-amazon.com/images/I/51Gq-XXFYpL._SX395_BO1,204,203,200_.jpg">
                        </div>
                    </div>
                    <div class="col-md-3">
                        <h3>HTML & CSS </h3>
                        <div class="portfolio-item"> 
                            <img alt="HTML & CSS" height= "378" class="img-portfolio img-responsive img-rounded" id="html" src="http://ecx.images-amazon.com/images/I/41K27gRbYmL._SX258_BO1,204,203,200_.jpg">   
                        </div>
                    </div>
                    <div class="col-md-3">
                        <h3>Cryptography Engineering</h3>
                        <div class="portfolio-item">
                            <img  alt="Snowboarding Cat. Impressive." class="img-portfolio img-responsive img-rounded book-pictures" id="cat-picture" src="http://ecx.images-amazon.com/images/I/51SEhLArm%2BL._SX258_BO1,204,203,200_.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

有人可以帮我使这些图像统一吗？