Hi, I've created a document type that, along with other properties (single instance), that contains a list of media items from the multi media picker property. When I try pulling data from that specific field, I keep running into issues.

I'd like to loop through the times that are in that property, but when I do the @foreach on it, it says it doesn't contain the public instance definition of GetENumerator. I tried casting it as an INumerator property but it's not leeting me (

Here's what I'm doing:

@model Umbraco.Web.Models.ContentModel

@{
    Layout = "Base.cshtml";
    var photoList = @Model.Content.Value("PhotoAlbumPictures");
}

        @* the fun starts here *@

        <div class="container">
            <h3>@Model.Content.Name </h3>
            <h5>@Model.Content.Value("photoAlbumDate")</h5>
            <h5>@Model.Content.Value("photoAlbumSummary")</h5>
            <div class="pic-row">


                @foreach (var photo in photoList)
                {
                <div class="col-lg-4 col-sm-6 portfolio-item">
                    <div class="card h-100">
                        <a href="@photo.Url" data-lightbox="@photo.Id"><img class="card-img-top" src="@photo.Url" alt="placeholder" /></a>
                        <div class="card-body">
                            <p>
                                @photo.Url
                            </p>
                        </div>
                    </div>
                </div>
                }

            </div>
        </div>

I've also tried casting it as an IENumerator field but no luck:

@{
    Layout = "Base.cshtml";
    IEnumerable<IPublishedContent> photoList = @Model.Content.Value<IEnumerable<IPublishedContent>>("PhotoAlbumPictures");
}

How do I go making a collection of images from a single multi-image picker field to loop through via Razor in the View? TIA!