v.7.1.1, I have this gallery partial view and the h3 tag at the end displays twice.  tried moving it around in the partial, hasn't helped.  help?

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@if (Model.Content.HasValue("galleryImages"))
{
    var imagesList = Model.Content.GetPropertyValue<string>("galleryImages").Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries).Select(int.Parse);
    var imagesCollection = Umbraco.TypedMedia(imagesList).Where(x => x != null);
    var n = 0;

    <div class="row">
        <div class="col-xs-12 col-sm-9">
            <h3>@Model.Content.GetPropertyValue("title") image gallery</h3>
            <div class="fotorama" data-width="1000" data-thumbwidth="100" data-nav="thumbs">
                @foreach (var imageItem in imagesCollection)
                {
                    n = n+1;
                    <img src="@imageItem.Url" data-caption="@imageItem.GetPropertyValue("caption")" />
                }
            </div><!-- end fotorama -->

<!-- THE OFFENDING H3 TAG -->
            <h3>There are @n images in the @Model.Content.GetPropertyValue("title") image gallery</h3>

        </div><!-- end col -->
    </div><!-- end row -->
}