Actualmente estoy creando un sitio web usando HTML, CSS y un poco de JS. Sin embargo, la imagen de fondo que estoy usando, así como el diseño general de la interfaz de usuario, no funcionan en la relación de aspecto de un teléfono de 9:16. Me preguntaba si hay alguna forma de cambiar la imagen de fondo y el diseño del sitio web según la relación de aspecto. Entonces, si la relación de aspecto es 16:9, usa una determinada imagen, mientras que si es 9:16, usa otra imagen.

Gracias de antemano por cualquier ayuda :D