Hi guys! I've noticed that my Gmail App on Android is responding to responsive coding -- never thought this was the case?

Anyway, it seems to be working on the whole but some of the images aren't resizing to full width. There's no problem on any other mobile device -- is there some Gmail App trick I haven't heard of? The hero image is fine, but some images that sit in tables, inside cells (3 tables right next to each other) don't seem to go full width.

Litmus tests (see the issue under Gmail App in Mobile): https://litmus.com/pub/49f5fbb

CSS and code of area in question:

@media only screen and (max-width: 480px) {

    /* Common */

    table[class="mobileTable"] {
        width: 100% !important;
    }
    table[class="mobileContainer"] {
        width: 95% !important;
    }
    *[class="hide"] {
        display: none !important;
    }
    img[class="breaker"] {
        width: 95% !important;
    }
    img[class="mobileImg"] {
        width: 100% !important;
    }
    img[class="mobileLogo"] {
        width: 90% !important;
    }
    a[class="CTA Button"] {
        width: 100% !important;
    }
    span[class="FontSizeMobile"] {
        font-size: 14px !important;
    }

    /* This email only */

    span[class="mobileCTA"] {
        font-size: 22px !important;
    }

}

</style>

-----

<tr>
            <td style="color: #949494; padding: 0px 15px 0px 15px">
                  <table class="mobileTable" width="170" align="left" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td style="padding: 15px 0px 0px 0px; border-left: 0px">
                        <a href="http://www.botb.com/WaCWeb.aspx?car_style=NewAdditions&car_model=GT-R+Nismo" target="_blank" alias="Small Image 1"><img class="mobileImg" border="0" style="display:block" src="http://img.botb.com/2014/january/nismosmall-1.jpg" width="170" ></a>
                        </td>
                    </tr>
                    </table>
                    <table class="mobileTable" width="170" align="right" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                    <td style="padding: 15px 0px 0px 0px; border-left: 0px">
                    <a href="http://www.botb.com/WaCWeb.aspx?car_style=NewAdditions&car_model=GT-R+Nismo" target="_blank" alias="Small Image 3"><img class="mobileImg" border="0" style="display:block" src="http://img.botb.com/2014/january/nismosmall-2.jpg" width="170" ></a>
                    </td>
                    </tr>
</table>
</td>
</tr>```