[Resuelto] Imagen y texto en una misma línea con y  

Buenas noches.

Mediante HTML y CSS me gustaría obtener una imagen y un texto en la misma línea. El texto consta de una parte con link y otra parte sin él. La segunda parte debería aparecer en una nueva línea. Os adjunto lo que deseo obtener:

Para conseguir esto estoy empleando el código que os adjunto más abajo, en (*). Casi consigo lo que deseo, pero me falta un detalle relativo a las dos partes de las que consta el texto asociado a la imagen. En concreto, el resultado (parcialmente incorrecto) que consigo es:

Si me pudierais ayudar a lograr mi objetivo totalmente (al 100%), os estaría agradecido.

P.S. (*)

HTML

<section class="section-VC">
<div><a href="https://tidd.ly/3u3266r"><img class="alignnone size-full wp-image-5129" src="https://ocioybelleza.com/wp-content/uploads/2022/03/con-vitamina-c-de-Olay.jpg" alt="con-vitamina-c-de-Olay" width="283" height="283" /></a></div>
<div><a href="https://tidd.ly/3u3266r">Crema facial iluminadora Regenerist Vitamin C + Aha 24, de Olay</a>. Esta crema proporciona una piel más luminosa, un tono de piel uniforme y una hidratación al instante.</div>
</section>

CSS

.section-VC {
font-family: 'Helvetica','Arial','sans-serif','Helvetica Neue';!important;
font-size: 1.00em !important;
font-weight: 400 !important;
color: #151515 !important;
display: inline-grid;
grid-template-columns: auto auto;
grid-gap: 0;
}

.section-VC>div {
border: 0px;
padding: 6px 10px;
display: flex;
align-items: center;
justify-content: space-around;
}

.section-VC>div:first-child {
}

.section-VC>div:last-child img:last-child {
margin-left: 4px;
}

Contenido solo visible a usuarios registrados