.flex-images { overflow: hidden; margin-right: 75px; margin-left: 75px; }
.flex-images .item { float: left; margin: 4px; margin-bottom: 50px; border: 0px solid #eee; box-sizing: content-box; position: relative;  }
.flex-images .item img { display: block; width: auto; height: 100%; }

@media screen and (max-width: 820px) {
.flex-images { overflow: hidden; margin-right: 50px; margin-left: 50px; }
.flex-images .item { float: left; margin: 4px;  border: 0px solid #eee; box-sizing: content-box; overflow: hidden; position: relative;  }
}