Некорректная отработка размера миниатюр

В шаблоне используются структуры вида:

<img class="img img-responsive content-image" src="<?php the_post_thumbnail_url(  'firstpage-thumb'  ); ?>" alt="<?php the_title(); ?>"/>

В functions.php прописаны следующие позиции:

if ( function_exists( 'add_theme_support' ) ) {
	add_theme_support( 'post-thumbnails' );
		set_post_thumbnail_size( 401, 303 ); // размер миниатюры поста по умолчанию
}

if ( function_exists( 'add_image_size' ) ) {
	add_image_size( 'firstpage-thumb', 401, 303, true ); // тумбы в представлении контента
	add_image_size( 'category-small', 242, 137, true ); // тумбы категорий
	add_image_size( 'category-top', 1190, 215, true ); // Подложка на страницу категорий
	add_image_size( 'carusel-thumb', 802, 305, true ); // тумбы в карусели
}

ПРОБЛЕМА: Несмотря на всё вышеизложенное, генерятся миниатюры разного размера (по моему скромному мнению, не срабатывает директива true ) в зависимости от соотношения сторон исходного изображения.

ВОПРОС: Помогите пожалуйста понять что я делаю не так и исправить ситуацию. Нужно чтоб все тумбы резались строго в размер. Если исходник меньше, то масштабировались и обрезались в размер же.