From ca00dd72daddd729011ca1344d9ce0c70986a0fd Mon Sep 17 00:00:00 2001
From: Ken Meleta <ken.meleta@shopify.com>
Date: Tue, 25 Oct 2022 16:42:43 -0600
Subject: [PATCH] Prevent media background on deferred-media container

---
 snippets/product-thumbnail.liquid | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/snippets/product-thumbnail.liquid b/snippets/product-thumbnail.liquid
index f350cd36580..0259871881f 100644
--- a/snippets/product-thumbnail.liquid
+++ b/snippets/product-thumbnail.liquid
@@ -108,7 +108,7 @@
     {%- if media.media_type == 'model' -%}
       <product-model class="deferred-media media media--transparent no-js-hidden" style="--ratio-percent: 100%;" data-media-id="{{ media.id }}">
     {%- else -%}
-      <deferred-media class="deferred-media media no-js-hidden" style="--ratio-percent: {{ media_ratio }}%;" data-media-id="{{ media.id }}">
+      <deferred-media class="deferred-media media media--transparent no-js-hidden" style="--ratio-percent: {{ media_ratio }}%;" data-media-id="{{ media.id }}">
     {%- endif -%}
     <button id="Deferred-Poster-Modal-{{ media.id }}" class="deferred-media__poster" type="button">
       <span class="deferred-media__poster-button motion-reduce">