I wish to know how to access the width and height attributes of images uploaded using the Multiple Media Picker. The images that are being uploaded are going to be used as part of a Carousel but to ensure that the look and feel of this element does not break through the use of different sized images I am going to ensure that images that do not match the width and height requirements of the Carousel are not output as part of the collection.

I'm currently doing the following:

var bannerImagesList = Model.Content.GetPropertyValue<string>("bannerImages").Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries).Select(int.Parse);

var bannerImagesCollection = Umbraco.TypedMedia(bannerImagesList).Where(x => x != null);

I then have a foreach loop where I output each image:

 @foreach (var bannerImage in bannerImagesCollection){
            var cssClass = imageCount < 1 ? "item active" : "item";

            <div class="@cssClass">
                <img src="@bannerImage.Url" alt="@bannerImage.Id" />
            </div>
            imageCount++;
        }

I can access the ID of the image just fine using @bannerImage.Id as this is a property but how to I gain access to the attribute s of the image itself and not the properties of the object?