Fix character images' sizing to make it robust (#2327)

diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 0d3ddccd7b489ed3444b083e96cd14baecf7a4c7..425f44d956ce24cb970687f567c4914d9c61f2e2 100644 (file)
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -1268,7 +1268,7 @@ a.status__content__spoiler-link {
 .getting-started {
   box-sizing: border-box;
   padding-bottom: 235px;
-  background: image-url('mastodon-getting-started.png') no-repeat 0 100% local;
+  background: image-url('mastodon-getting-started.png') no-repeat 0 100%/contain local;
   flex: 1 0 auto;
 
   p {
@@ -2203,7 +2203,7 @@ button.icon-button.active i.fa-retweet {
 }
 
 .onboarding-modal__page-one__elephant-friend {
-  background: image-url('elephant-friend.png') no-repeat 0 0;
+  background: image-url('elephant-friend.png') no-repeat center center/contain;
   width: 147px;
   height: 160px;
   margin-right: 10px;