width versus height

@foreach(var page in CurrentPage.Children.Reverse().Take(5))
	{
		dynamic image=null;
		if (page.HasValue("image"))
		{
            <div class="content-page-wide-box">

			var dynamicMediaItem = Umbraco.TypedMedia(page.image);
			int width = dynamicMediaItem.GetPropertyValue<int>("umbracoWidth");
            int height = dynamicMediaItem.GetPropertyValue<int>("umbracoHeight");



				if (width < height)
				{
					<div class="column w220">
						<img src="@dynamicMediaItem.GetCropUrl("portrait")" alt="@dynamicMediaItem.Name" style="padding:5px 5px 5px 5px"/>
					</div>
					<div class="column w220">
						<center><span style="line-height: 1.4em; padding:5px 5px 5px 5px;font-size: 16px; font-weight: bold;">@page.Name</span></center>
					</div>
					<div class="column w220">
						<span style="float:right; padding:10px 10px 10px 10px;">@page.summary</span>
					</div>
					<div class="column w470">
						<p><a class="buttonGrey block w160" target="_blank" [email protected] rel="nofollow">@page.Name<span class="arrow"></span></a></p>
            		</div>
				}
				else
				{
					<div class="column w220">
						<img src="@dynamicMediaItem.GetCropUrl("foundation")" alt="@dynamicMediaItem.Name" style="padding:5px 5px 5px 5px"/>
					</div>
					<div class="column w220">
						<center><span style="line-height: 1.4em; padding:5px 5px 5px 5px;font-size: 16px; font-weight: bold;">@page.Name</span></center>
					</div>
					<div class="column w220">
						<span style="float:right; padding:10px 10px 10px 10px;">@page.summary</span>
					</div>
					<div class="column w470">
						<p><a class="buttonGrey block w160" target="_blank" [email protected] rel="nofollow">@page.Name<span class="arrow"></span></a></p>
            		</div>

				}


			</div>
		}