Александр Смирнов

Для решения подобной задачи у вас несколько вариантов:

1. Использовать clip-path, но осторожно из-за ограниченной поддержки браузерами; почитать
   
2. Использовать mask-image, но также осторожно из-за ограниченной поддержки браузерами; почитать
   
3. Использовать SVG masks, у которого лучшая поддержка браузера, но реализация может занять больше времени, чем в остальных случаях; почитать
   
4. Создать необходимую фигуру псевдоэлементом, но такой способ работает только для фона залитого одним цветом
   
5. Просто добавить картинкой как есть
   

Таким образом, при выборе способа необходимо учитывать требования поддержки верстки браузерами, бюджет и сроки проекта. Мой совет: просто добавить порезанную картинку через background-image, если конечно ваша фигура не изменяет внешний вид при взаимодействии. Любой другой способ занимает сильно больше времени, либо заметно уменьшает список поддерживаемых браузеров, что позволяет в большинстве случаев отказаться от интерактивных свойств.

Во-первых, с семантическим тэгами нужно работать иначе. В вашем случае нужно менять тег <section> на простой класс section, иначе эффект будет только хуже, не говоря уже про множество <h1>. Подробнее можно почитать тут

Во-вторых, стрелочки между элементов добавьте в псевдоэлементы, они не нужны в разметке и только путают

Не совсе понял компот с фоновой картинкой у <img>, масло масляное получается.
А вообще лучше взять bootstrap 4, и в данном случае обойтись <div> с фоновой картнкой

При первом взгляде неплохо, но есть несколько ошибок:

1. На кнопках с выпадающими списками нет иконок, которые указывают о наличии выпадалок внутри
   
2. Выпадающий список на маленьких экранах не вмещается
   
3. На мобилке навигация не листается и выглядит не очень красиво
   
4. Вставлять видео вот так в лоб через video тэг - плохая практика
   
5. Видео лучше грузить после полной загрузки всех картинок, стилей, скриптов
   
6. При ресайзе слайдер сходит с уа в эпилептическом приступе (используйте Slick или Owl)
   
7. Почему такая старая версия jQuery?
   

Странно что в исходниках расширение файлов SASS, но расставлены точка с запятой и скобки
Также, если верстаете с БЭМ придерживайтесь всех правил, а именно избегайте вложенности и названий тегов .merits__ring-list div:nth-child(1)
Также рекомендую изучить циклы в SASS, чтобы не перечислять вручную дочерние элементы