circleimage

I am trying to make my images to circle.despite this image has different width and height, I want it to be circle that seems like they have same width and height length. For example; dimension of my image : 250X300. but I want it to be 200X200 circle.actually I can do this easily.the problem is doing this acording to screen size.when I turn my mobile phone to horizontal, it must change acording to screen dimensions. my css code is below .image { height: 100px; width: 100px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 5px gray; display: inline-block; margin-left: auto; margin

I already posted a question regarding this issue, never get any solution. So posting the same question with more details and findings. For the circle images, I am using Xam.Plugins.Forms.ImageCircle nuget package in my project, which is working fine in android and windows but showing an oval shape in IOS, screenshot adding below. Added ImageCircleRenderer.Init(); in AppDelegate.cs. xmlns namespace added: xmlns:controls="clr-namespace:ImageCircle.Forms.Plugin.Abstractions;assembly=ImageCircle.Forms.Plugin.Abstractions" <controls:CircleImage HorizontalOptions="Start" VerticalOptions="Start"