Hola!
Hace poco creamos un nuevo CTA en nuestro blog que por algún motivo, en vez de mantenerse con una proporción de 1:1.9, se estira quedando como un rectangulo horizontal. Lo extraño es que en el editor se ve sin problemas. Al publicarlo se estira hacia arriba ocupando mucho espacio.
Intenté determinar una opción de width: 100% en el css, pero no encontré una opción que me permitiera editar específicamente el botón del CTA publicado.
Tenemos otros CTA en la misma página que funcionan sin problema. Este en particular, que es un poco más grande, funciona con muchos problemas sin importar que cambie la imagen o cree uno nuevo. ¿Qué podría estar pasando?
Parece que las dimensiones de la imagen que estás utilizando son bastante grandes por lo que el cambio de tamaño automático podría quedar un poco raro. Además ese tipo de imágenes pueden afectar al tiempo de carga de la página, por lo que te recomendaría ajustar el tamaño para optimizar los recursos consumidos en la carga de la web. Tu página obtiene una muy buena puntuación en PageSpeed de todos modos.
Dicho esto, parece que la imagen tiene una clase aplicada (.cta_button) y si le añades .cta_button img {height:auto;} se soluciona en el inspector, por lo que podría ayudarte a solucionar el problema.
Esperaré si es que hay alguna respuesta.