Tengo el siguiente problema:

Necesito colocar algunas áreas activas sobre una imagen en la que se pueda hacer clic. Las áreas activas son divs normales colocados en un contenedor sobre una imagen. La imagen es un fondo del contenedor y tiene ajuste de objeto: contener y ancho: 100%, por lo que no siempre encaja perfectamente dentro del contenedor (esto está bien). Necesito colocar el área caliente y luego cuando subo o bajo el contenedor, por ejemplo. cambie el ancho y la altura que también cambiará la relación de aspecto, ¡necesito reajustar los botones para que estén colocados exactamente en el mismo lugar nuevamente! Todas las unidades de los botones (ancho, alto, X, Y) están en porcentajes.

Adjunto fotos:

1. El marco del teléfono tiene un tamaño: 1067px x 480px

2. El marco del teléfono tiene un tamaño: 640 px x 360 px Los botones deben colocarse en el lugar correcto