Change default media display to Dynamic Responsive Image (or drimage) in the Varbase Media Hero Slider module

Problem/Motivation

📌 Add Dynamic Responsive Image (or drimage) module to Varbase Media Fixed

Proposed resolution

• Change default media displays to Media 16:9 on the Varbase Media Hero Slider view mode
• Switch to Bootstrap 5's ratios with vw-100 varbase-video-player ratio ratio-16x9 from Bootstrap 4's ratios varbase-video-player embed-responsive embed-responsive-16by9
• Follow with Bootstrap 5 Aspect ratios as listed in 📌 Add Dynamic Responsive Image (or drimage) module to Varbase Media Fixed
• Follow with Bootstrap 5 Available breakpoints

Remaining tasks

• ✅ File an issue about this project
• ❌ Addition/Change/Update/Fix to this project
• ❌ Testing to ensure no regression
• ❌ Automated unit/functional testing coverage
• ❌ Developer Documentation support on feature change/addition
• ❌ User Guide Documentation support on feature change/addition
• ❌ Accessibility and Readability
• ❌ Code review from 1 Varbase core team member
• ❌ Full testing and approval
• ❌ Credit contributors
• ❌ Review with the product owner
• ❌ Update Release Notes and Update Helper on new feature change/addition
• ❌ Release

Varbase update type

• ✅ No Update
• ➖ Optional Update
• ➖ Forced Update
• ➖ Forced Update if Unchanged

User interface changes

Ultrawide screens
→

Standard screens
→

Tablets screens
→

Mobile screens

It's wrong at this time.
Needs to switch to 4:3 or 5:4 on the mobile screen size

→

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• N/A