На фото домик, а сверху должны быть эти 5 элементов которые после вёрстки мне нужно будет ещё в WordPress натягивать и сделать так чтобы заказчик мог сам менять текст картинку и т.д

Вопрос: Как эту вёрстку сделать здесь правильно? У меня НА домик не получается сверху посадить эти 5 элементов. Их вообще нужно в отдельный блок выносить или в том же блоке где и <img>-домик оставить, кроме z-index есть варианты? Мне очень стыдно что я задаю такие вопросы, просто мой нап верстальщик скажем так стал ненадёжным хочу сам научиться верстать

дизайнер сильно не любит тебя, если он такое нарисовал))

🙁🙁🙁 да, не говори! Что поделать приходится смириться. Сделать надо.

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

Я до этого верстал Лэндосы, но ни разу не сталкивался с такими нестандартными элементами, обычные лендинги были navbar, 6-7 блоков футер соц. сети пару кнопок слайдер и всё

но тут я застрял конкретно

вставил, но видимо качество разрешения лучше нужно изображения

при ресайзе всегда будет мылить

Вставлять как изображение такая пакостная вещичка оказывается...

у меня соблазн и это как img вставить возникает

а ты потом сделай блок уже с этими картинками
в колонку

и все

к примеру, от планшетов и ниже

Вот ещё момент...

все 4 как картинки вставил, когда задаю анимацию "upDown" для одного из них движении изображение становится чётче, а остальные ну как вы можете увидеть здесь, приходится щуриться 👀

в чем ты экспортишь картинки?

в каком формате?

.png

из Figma

все что ли в png?