Add border radius feature to core/image

[GP-Dan-Tovbein]

By Doing this we'll be able to potentially remove some custom classes for borders from here.

@mixin rounded-image-size($size) {
  figure,
  img {
    border-radius: 50%
    height: $size
    width: $size
  }

  img {
    object-fit: cover
  }
}

and

&.is-style-rounded-180 {
    @include rounded-image-size(180px)
  }

  &.is-style-rounded-90 {
    @include rounded-image-size(90px)
  }

What to do?

1. Merge this feature
2. Open a new PR removing all the appearances of those classes. For example from the Quick Links block pattern.

[planet-4]

Test instance is ready 🚀

🌑 mars | admin | blocks report | CircleCI | composer-local.json

⌚ 2023.01.13 21:21:01

[mleray]

This change will solve the border-radius issue, but the classes were also added to force the size of the images, I guess we would need to add a class for each size like the w-40 one you added for the Issues template?

[GP-Dan-Tovbein]

This change will solve the border-radius issue, but the classes were also added to force the size of the images, I guess we would need to add a class for each size like the w-40 one you added for the Issues template?

Correct me if I see correctly your point! We wouldn't need to add custom class for border-radius since it's currently a default feature. I think the editor could now control that doesn't matter which image size he/she prefers. Am I right?