Rendi reattive le didascalie all'immagine di WordPress

Question

Questa pagina web Contiene immagini inserite da WordPress. Il codice utilizzato per inserire la prima immagine è:

[caption id="attachment_887" align="alignnone" width="604"]
    <a href="http://steven.doig.com.au/files/2013/06/Forest_Legacy_m.jpg">
        <img class="size-large wp-image-887" alt="a Forest Legacy group" src="http://steven.doig.com.au/files/2013/06/Forest_Legacy_m-1024x681.jpg" width="1024" height="681" />
    </a> a Forest Legacy group[/caption]

Questa immagine è controllata da CSS:

#content .wp-caption a img {
    width: 614px;
    height: auto;
}

Voglio rendere questa immagine reattiva. Ho inserito il CSS:

@media (max-width:988px) {
    #content .wp-caption a img {
        width: 99.03225806%; /* 614/620 */
        height: auto;
    }
}

Tuttavia, la cattura div.wp rimane a 604px, come specificato all'interno del post di WordPress. Ho provato a specificarlo come percentuale (97.41935483%) ma WordPress lo ha reinterpretato come 104px.

Il CSS in linea sta preparando il CSS I inserisci nel foglio di stile.

<div id="attachment_887" class="wp-caption alignnone" style="width: 614px">

Qualche idea su come posso rendere reattivo il capitale .wp?