Necesito mantener el tamaño de la imagen a la derecha.

En este momento tengo tamaños de bloque que cambian con el tamaño de la imagen. Intenté establecer ancho: 400 px y alto: 350 px, mi página se veía mal.

necesito estirar la imagen

HTML (dentro de JS):

 project.className = "col-md-4 col-sm-6 projectsBlock" project.innerHTML = `<a href="project.html"> <h4 class="text-center">${name}</h4> <img src="${image}" ></a>`

CSS:

 @keyframes Appearance{ 0%{opacity: 0; transform: translateY(-120px);} 100%{opacity: 1;} } .projectsBlock{ animation-name: Appearance; animation-duration: 0.2s; } .projectsBlock > a{ text-decoration: none; } .projectsBlock > a > img{ border: solid 3px black; border-radius: 10px; width: 100%; display: block; } .projectsBlock > a > h4{ color: white; position: relative; top: 40px; text-shadow: 2px 2px 0 #000; }