Cropped images in landscape and portrate

Hello

I have a gallery page for a charity event. The photographer has taken the images in landscape and portrait. Is there a way for the images to be scaled down so that they appear as the photographer took them, with out parts of the picture being cropped?

The template code I am using is as follows.

<perch:repeater id="ball_images" label="Ball Images" max="200"> 
<table width="750" border="0" cellpadding="0" align="center"  style="margin: auto;";>


    <perch:before><tr></perch:before>
      <td class="bottom" colspan="2" style="text-align: center;">&nbsp;</td>
    </tr>
    <tr>
      <td class="bottom" style="text-align: center;" valign="top" height="400px" width="400px"><img src="<perch:content type="image" id="picture_1" label="Picture 1" crop="true" width="400" height="400"/>"/><br /><perch:content type="text" id="picture_discription_1" label="Picture discription" /></td>
      <td class="bottom" style="text-align: center;" valign="top" height="400px" width="400px"><img src="<perch:content type="image" id="picture_2" label="Picture 2" crop="true" width="400" height="400"/>"/><br /><perch:content type="text" id="picture_discription_2" label="Picture discription" /></td>
    <perch:after></tr></perch:after>  
</table>
</perch:repeater>

The page to see what is happening to the pictures is: https://176.32.230.9/activelifestyles.org.uk/ball.php