When I edit an image, I want to manage aspect ratio configs so that I minimize the time to adapt it to the expected look&feel

• Type: Story
• Status: Ready for Development
• Priority: Minor
• Resolution: Discarded
• Affects Version/s: None
• Fix Version/s: None
• Component/s: Out of the box Fragments > Image
• Labels: None
• Epic Link: Improvement of fragments configuration options

See this Feature Request: https://issues.liferay.com/browse/LPS-141153

In order to improve capabilities for designers and marketers to adapt images to specific layouts, we are going to include the following configuration options to the IMAGE FRAGMENT:

• object-fit CSS Property.

• • Type: dropdown
  • Copy: Object Fit
  • Default value: Fill (it is the default property value)
  • Values: [Contain, Cover, Fill (default), None, Scale-down]

• Aspect-ratio CSS property.

• • Type: Dropdown
  • Copy: Aspect Ratio
  • Default value: Auto (default)
  • Values: [Auto (default), 1:1, 16:9, 4:3]
  • add a label that says: To set different aspect ratio values, please add custom CSS in Advanced tab.