JavaScript - Imagen completa sin escrollear

Hola amigos

Me podrian ayudar con esto (tengo este codigo que me trae la imagen de un post de facebook segun unos filtros) sin embargo aunque cumple con lo que se quiere la imagen no se auto ajusta y para verla toda debo scrollear de arriba a abajo, de izquiera a derecha (adjunto imagen de como se ve), e intentado de todo para que salga completa pero aun no lo he logrado, podrian ayudarme ha poder complementar este codigo con algo que logre traerla completa sin escrollear, codigo:

var row = 0

var queryResult = DA.query.getQueryResult();
var result = queryResult["rows"][row][0]['value'];

var myHeaders = new Headers();
myHeaders.append("Access-Control-Allow-Origin", "*");
myHeaders.append("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");



var requestOptions = {
method: 'GET',
redirect: 'follow'
};
url = "https://datorama.azurewebsites.net/api/facebook/creative/"+String(result)+"/preview?code=1MasKg5pQBqatV0716r1CECDYzbRkWCzrJATfigTowMd8bYAuyaxDA=="

fetch(url, requestOptions)
.then(response => response.json())
.then(result => {
var element = document.getElementById('creativeFrame');
element.innerHTML = result.data[0].body;
});

console.log('oi')


Muchas gracias!!

Aqui dej la imagen que me falto en la pregunta.

Hola, puedes usar un contendor y poner la imagen dentro y usar object-fit para mantenerla proporcional, ten en cuenta que si la imagen es muy larga, te pondra scroll en Y..