Agrandissement d'une image à la taille de la div

Bonjour,
Unr personne m'a aidé à réaliser un petit script JS pour zoomer un logo lorsque les touches du clavier et la souris ne sont pas utilisés pendant un certain temps (en l’occurrence 5 sec).

Ca fonctionne bien. Le soucis c'est que je souhaiterais que le logo s'agrandisse pour recouvrir la totalité de la div dans laquelle il s'affiche en laissant une marge de 40px haut, gauche, bas (voir l'image ci-dessous).

J'ai essayé de trouver des infos en cherchant sur google, mais je n'ai rien trouvé.

Pourriez-vous m'aider ?

Voici le code CSS actuel :

/*zoom logo*/
.logo {
  top: 38px !important;
  left: 40px !important;
  position:absolute !important;
  transition: all 4s !important;
}
.default {
  transition: all 4s !important;
  transform-origin: top left !important;
  width: 127px !important;
}
/*
.grandLogo .default {
  -ms-transform:scale(6) !important;
  transform: scale(6) !important;
}
*/
.grandLogo .default {
  width:90vw !important;
  transition: all 4s !important;
}

Le site web se trouve à cette adresse: https://tds.datweb.ch

Merci d'avance et j'espère que vous avez passé de bonnes fêtes.

Kévin