Merge pull request #1521 from CuBoulder/issue/1501

Article Feature: Fixes aspect ratio for Wide images

CHANGELOG.md

@@ -9,6 +9,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+- ### Article Feature: Fixes aspect ratio for Wide images
+  Previously Article Feature Blocks with the Image Size set to `Wide (slider image style)` would come through as 3:2 aspect ratio rather than 16:9, which is used for the slider. 
+
+  Resolves https://github.com/CuBoulder/tiamat-theme/issues/1501
+---
+
 - ### Update ucb-brand-bar.css
   Adding consistent `max-width` and `width` to the logo's link container allows for the SVG to scale properly throughout all browsers.
 

css/block/ucb-article-feature-block.css

@@ -92,6 +92,11 @@
   max-width: 100%;
 }
 
+.feature-img-wide{
+  aspect-ratio: 16 / 9;
+  object-fit: cover;
+}
+
 .ucb-stacked-secondary-container > .ucb-article-card {
   margin-bottom: 0px;
   border-bottom: none;