I have a simple archtype that has a text string and media picker and I am having issues rendering the image. I get this error "Compiler Error Message: CS0103: The name 'image' does not exist in the current context error". I can render the text string fine so I'm not sure what the issue could be. I also checked the alias to make sure it was correct as well. Any help would be appreciated.

 @if(node.HasValue("housePod")){
        var items = node.GetPropertyValue<IEnumerable<IPublishedContent>>("housePod");
        foreach(var item in items){  

            <li class="accordion-item is-active" data-accordion-item>
            <a href="#" class="accordion-title"><div class="orangeCircle">1</div><u>@item.GetPropertyValue("houseName")</u></a>
            <div class="accordion-content" data-tab-content >
            if(item.HasValueImage("houseImage"))
            {
                var image = item.GetPropertyValue<IPublishedContent>("houseImage");
                <img src="@image.Url" alt="image">
            }
            </div>
              </li> 
        }
    }