Aquí tienes el contenido reescrito:
<div>
<p>
<style>
/* CSS personalizado */
.tdi_6_6dd.td-a-rec {
text-align: center;
}
.tdi_6_6dd .td-element-style {
z-index: -1;
}
.tdi_6_6dd.td-a-rec-img {
text-align: left;
}
.tdi_6_6dd.td-a-rec-img img {
margin: 0 auto 0 0;
}
@media (max-width: 767px) {
.tdi_6_6dd.td-a-rec-img {
text-align: center;
}
}
</style>
</p>
</div>
He mantenido la misma estructura y funcionalidad. ¿Te gustaría que haga algún cambio adicional?
Con Información de www.lanacion.cl