Шутка в том, что абсолют автоматом переводит элемент в блочный и соответственно, сработает и все остальное. https://jsfiddle.net/cy94xmLo/
Посмотрите, во-первых, квадрат отображается квадратом и на вкладке computed будет стоять display:block.
Выбираете CMS, устанавливаете со стандартным шаблоном, смотрите что в нем и как. Если функциональности недостаточно, выбираете другой шаблон или гуглите как добавить то или иное ручками.
Делаете выводы из увиденного/прочитанного.
Применяете все это к своему макету. Либо вносите элементы своего макета в стандартный/выбранный шаблон либо наоборот, в свою верстку вносите "вызовы" (написала в кавычках, потому что в разных CMS это может по разному называться, но сути не меняет)
Потом выложить свой код, задать конкретные вопросы о том, что не получилось.
Затем, по всей видимости, задать новый вопрос, как это прикрутить к вордпрессу.
Решение:
Слить все png в одну SVG (либо в одну png и использовать тег picture), иначе на ретине все равно всё поплывет.
Увеличить примерно на 20%, а лучше нарисовать SVG на полную ширину окна, задать width 100% и не парится, высчитывая с калькулятором 90% она займет или 72% или 64%.
Уж лучше font-size: 0, чем 2ой и 3й варианты. Кто-нибудь откроет файл в редакторе и нажмет на форматирование кода или наоборот решат включить минимизацию и настанет кирдык этим вариантам.
https://jsfiddle.net/cy94xmLo/
Посмотрите, во-первых, квадрат отображается квадратом и на вкладке computed будет стоять display:block.