how to resize image with <xforms:output>

Hello All,

<xhtml:style type="text/css">

            h1 { display: inline; padding-right: 10px; }

            .paragraph { margin-bottom: 1em; }

            .flickr-image { width: 75px; height:75 px; border: none }

            .back { display: block; margin-top: .5em }

        </xhtml:style>

I’m trying to resize image with 

xforms:output mediatype="image/*" ref="my-image" class=flickr-image/>

but image size does not change

Thanks

Srikanth