如何改变这个画廊的大小?

How to change the size of this gallery?

我有这个例子http://codepen.io/moransh4/pen/aZOeNO

如何将图像的大小更改为:

width: 370px;
height: 200px;

我只看到 3 张图片(每次查看幻灯片)?

最终我希望它是这样的:

我用这个http://idangero.us/swiper/get-started/#.V1UqS5F9600刷卡。

更改此部分:

<div class="teaser-gallery__slider js-teaser-gallery-slider" data-slides-per-view="5">

为此:

<div class="teaser-gallery__slider js-teaser-gallery-slider" data-slides-per-view="3">

更改尺寸:

figure {
margin: 0;
   width: 370px;
   height: 200px;
}