Максим

Вот так можно добавить градиент к фото : https://codepen.io/topicstarter/pen/xWadVQ
но рекомендую обратится к svg у которого фильтров для фото уйма

https://codepen.io/topicstarter/pen/QmmxeW так ?

vertical-align:top; можете убрать , всё равно для блочных элементов не работает
а что бы была ширина автоматически вообще не указывайте её ,блок растянется на весь экран и разумеется будет сжиматься
можно задать общий margin:20px; к примеру и будет он совсем сторон 20px но он может схлопнуться сверху

https://codepen.io/topicstarter/pen/Ldzjpy

1) коммерческий - preview.codecanyon.net/item/skewslider-10-20/full_...
2) халявный - https://www.jqueryscript.net/slider/jQuery-Skewed-...
3) можно угнать - http://view.jqueryfuns.com/预览-/2014/5/19/377_2518d...

А почему не правильно ? Как его сверстали и оформили так он и отображается Но + дефолтные стили браузера ...

у вас flex , не float
https://jsfiddle.net/u46vtd8f/2/