Acomodo de elementos web para el correcto despliegue responsivo

Contexto Geral do Projeto

Hola, tengo un proyecto de una app web, donde tengo que colocar elementos div sobre una planilla que esta en una etiqueta img en html, sin embargo al usar la vista de un iphone 12 pro en google chrome logre que se hiciera una captura de pantalla con html2canvas, pero al probar distintas medidas de dispositivos posibles el contenedor se mueve del lugar donde lo tengo y no queda bien la captura del canvas, y este mismo no toma de buena calidad las capturas realizadas. Necesito ayuda con eso. Ya que son al rededor de 10 plantillas aprox y distintos tamaños de pantalla los cuales acomodar. Adjunto imagenes de ejemplo de como quiero que se vea y como se ve al cambiar de dispositivo.

Categoria TI e Programação
Subcategoria Web Design
Qual é o alcance do projeto? Pequena atualização de um design existente
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho o design
Disponibilidade requerida Conforme necessário
Necesidad específica Remodelar um website

Prazo de Entrega: 06 de Fevereiro de 2023

Habilidades necessárias