Здравстввуйте. Попробуйте вставить SVG изображение.

Не понял как его вставить... я новичок.

https://www.sarasoueidan.com/blog/svg-tips-for-designers/

Нашел интересные статьи на эту тему..

Будем изучать.

Алексей, но Вашего совета жду.

(It> Ru) ... Существуют различные методы:
1) - первый путь; Объект выбора изображения (*.*), Или (*.svg) или (URL-SVG);
IT > https://helpcenter.websitex5.com/pl/post/204754
PL > https://helpcenter.websitex5.com/pl/post/211512
2) - второй путь; вставьте HTML-код OBJECT ... XML-файл SVG, код виден, открыв SVG-файл в блокноте, скопируйте его и вставьте TAG <svg>;
... >> см. пример 1 ... код Ctrl + U ...
3) - третий путь; прикрепить файл SVG в коде OBJECT | HTML эксперт | ПРИЛОЖЕНИЯ, по умолчанию он переходит в папку «файлы» и всегда вводит следующую строку кода в тот же HTML HTML HTML код:
<img src = "files/filename.svg" />
... >> см. пример 2 ... код Ctrl + U ...

.

ciao

.

Благодарю! Все получилось.

Коллеги, еще вопрос:

Почему не растягивается footer и header на всю страницу? 

http://fadvis.ru/weir-spm.html

Трапеция SVG соответственно тоже не растягивается

(It Ru) ... может я не поняла, мне это кажется регулярным;
... однако я не могу проверить,  но вы должны проверить настройки в различных «точках останова» (breakpoint)...

.

ciao

.

"Почему не растягивается footer и header на всю страницу?" - попробуйте эту опцию. Проверяйте её для каждой точки останова.

я пробовал это делать. Не помогает. Более того, почему-то в адаптивных отображениях элементы, расположенные у края footer и header на сайте не стоят у края, а располагаются на расстоянии от края. 

Вот пример сайта, на котором сделано так, как я бы хотел.

https://www.aso-group.com/

поясните подробнее, пожалуйста.

(It > Ru) ... ... к сожалению, как я уже говорил, я не могу проверить, и у меня возникают трудности с переводчиком, но это вопрос выбора различных нижних точек останова (breakpoint), которые вы видите в вашем STAMP (1150-720-480), и правильного расположения объектов. ...

ciao

.

"Вот пример сайта, на котором сделано так, как я бы хотел. https://www.aso-group.com/" - в футере буква "А" - это растровое PNG изображение. Или Вы говорите о другом?

(It > Ru) ... в нижнем колонтитуле вы не видите темно-серый фон, ... но вы видите белый нижний колонтитул с фоном темного сайта (общее фоновое изображение) ...
... приложите ПЕЧАТЬ (STAMP - Screenshot), чтобы понять, что это ...

.