Максим

В принципе не сложный эффект:

там картинка в base64 - замените на свою

Ну я только smil могу предложить
не проверял в firefox, apple safari
а вообще странно, столько лет Вы в WEB и до сих пор такие банальные вопросы

В value у вас есть 1ый path ,2ой path ,3й path и теперь после третьего состояния допишите в обратном порядке 3, 2, 1

конечно порнуха, но я завтра буду дома и сделаю по нормальному

в общем, градиент не возможно сделать с анимацией, но я попробую сделать это но будет с избыточным кодом, такую шляпу лучше вставлять в html скриптом

https://ru.stackoverflow.com/a/904634/308951 я раньше делал это

Как было сказано, надо было разделить этот path на два

Первый от М до z и второй от M и до z

На обычно свг в ручном режиме не сложно сделать, чуть чуть почитать документацию и понять что в векторном формате всё имеет абсолютное позиционирование

Почитайте о display: table

Ну вы на фрилансе так и пишите тех задание как видите..
"Я хочу что бы сделали то и другое и бюджет расчитан такой" и всё

Пишите обычным русским языком, обязательно найдётся исполнитель пусть не профи но сделает

Два элемента
Один настоящий втрой (по низом) псевдо

Фулстак это термин и не более но говорит об уровне специалиста, он может взять проект с дизайна и самостоятельно его запустить в "жизнь" без посторонней помощи но возможно с помощью какрйто справочной информации.

Я может быть не прав, но фулстак это от 0 до выхода в сеть приложения.

Начали Вы и окончили Вы...

Кнопки то сделать не проблема: https://codepen.io/topicstarter/pen/wvYggPM
Далее в эти item добавить иконки и хоть на js хоть через тег <a> дать ссылку на активную страницу через параметр share ну и всё собственно ..

Тег img можно распарсить на jquery таким образом
Object надо подумать