I am trying to get a crop from a strongly typed partial from a mediafolder. the Media type is called banner and i want to utilized slick slider. Below is a screen shot of the MediaType.

and the partial.

    @inherits Umbraco.Web.Mvc.UmbracoTemplatePage

@{
    var mediaFolderId = Umbraco.Media(Model.Content.GetPropertyValue<int>("Banner"));
    }

@if (mediaFolderId > 0)
{
    var mediaFolder = Umbraco.TypedMedia(mediaFolderId);
    var banners = mediaFolder.Children();

    <section class="slider">
        <div class="slider single-item">
            @foreach (var banner in banners)
            {
                var link = Umbraco.TypedContent(banner.GetPropertyValue<int>
                    ("link"));

                <div class="banner">
                    @if (link != null)
                    {
                        <a href="@link.Url">
                            <img src="@(banner.GetResponsiveCropUrl(" banner"))" />
                        </a>
                    }
                    else
                    {
                        <img src="@(banner.GetResponsiveCropUrl(" banner"))" />
                    }

                    <div class="text">
                        <h2>@(banner.GetPropertyValue<string>("headline"))</h2>
                        @Html.Raw(banner.GetPropertyValue("text"))

                    </div>
                </div>
            }
        </div>
    </section>
}

i hope someone can show me the right way to do this.