I am trying to iterate over a list of child content and show the name and the image.

var dishwasherProducts = Model.Content.Site().FirstChild("dishLandingPage").Children()
                    .Where(x => x.GetPropertyValue<string>("category") == "Dish")
                    .Where(x => x.GetPropertyValue<string>("subCategory") == "dish - dishwasher")
                    .Where(x => x.IsVisible());

But when I try to show the image I can't figure out how to do it.

        @foreach(var item in dishwasherProducts){
            <li>
                <a href="@item.Url">
                    @item.GetPropertyValue("productName") 
                    <img src="@Umbraco.TypedMedia(item.GetPropertyValue("image")).Url"  alt="@item.GetPropertyValue("productName")"  />
                </a>
            </li>
        }

It works fine if I hard code a media ID like

     <img src="@Umbraco.TypedMedia(1141).Url" alt="@item.GetPropertyValue("productName")"  />

And if I just output the image I get the media ID like

@item.GetPropertyValue("image")