Одним из решений является сделать то же самое, что сделал YouTube.
Если вы посетите их сайт и посмотрите на изображение и элемент, обертывающий изображение, вы увидите, что элемент обертки имеет css, похожий на этот:
display:inline-block;
height: /*here goes fixed height in px*/
overflow: hidden;
Они используют изображение, которое содержит черные области сверху и снизу (внутри этого контейнера), но они использовали css, чтобы скрыть его.
Это означает, что элемент (на промежутке YouTube с дисплеем att: inline-block) будет меньше действительного изображения, и изображение будет отцентрировано / позиционировано таким образом, что верхняя и нижняя черные области будут перекрывать меньшую пленку и будут скрыты.