From e193358f78f11e36e20b65bd0576c6fd0faf013b Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Fri, 12 Feb 2021 14:28:19 +0000
Subject: [PATCH] Only show the alternative product image on desktop
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This matches what we do with the regular product image, to make sure the
text doesn’t overlap it.
---
 app/assets/stylesheets/views/product-page.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/views/product-page.scss b/app/assets/stylesheets/views/product-page.scss
index 98582a123..a28443e77 100644
--- a/app/assets/stylesheets/views/product-page.scss
+++ b/app/assets/stylesheets/views/product-page.scss
@@ -29,8 +29,10 @@ $button-shadow-size: $govuk-border-width-form-element;
       }
 
       &--alternative {
-        background-image: file-url('product/proposition-alternative.svg');
-        background-position: right 10px bottom 0;
+        @include media(desktop) {
+          background-image: file-url('product/proposition-alternative.svg');
+          background-position: right 10px bottom 0;
+        }
       }
 
     }