diff --git a/components/image.js b/components/image.js index 1d6c0aa..c1b1a34 100644 --- a/components/image.js +++ b/components/image.js @@ -27,6 +27,7 @@ class Image extends HTMLElement { return css` img { display: block; + object-fit: contain; box-shadow: 2px 2px 4px 0 var(--bg-300); } `; diff --git a/components/step.js b/components/step.js index a68eff0..df2e526 100644 --- a/components/step.js +++ b/components/step.js @@ -103,6 +103,7 @@ class Step extends BaseStepElement { width: auto; height: 40px; margin: 20px 0; + object-fit: contain; @media only screen and (min-width: 768px) { width: 60px;