From a0fea7e99c73bf92a6f54196fb787dff5b6c0092 Mon Sep 17 00:00:00 2001
From: buttle <chris@gatopelao.org>
Date: Wed, 13 Oct 2021 11:43:59 +0200
Subject: [PATCH] fixes background image flashing full size when page loads

---
 view/common/block-layout/render-3d.phtml | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/view/common/block-layout/render-3d.phtml b/view/common/block-layout/render-3d.phtml
index 1d6fc0f..204ce16 100644
--- a/view/common/block-layout/render-3d.phtml
+++ b/view/common/block-layout/render-3d.phtml
@@ -22,6 +22,7 @@ model-viewer {
   height: 500px;
   outline: none;
   background-color: transparent;
+	visibility: hidden;
 }
 </style>
 
@@ -68,6 +69,12 @@ model-viewer {
 <script type="module" src="/modules/Render3D/asset/vendor/google/model-viewer.js"></script>
 
 
+<script>
+$( document ).ready(function() {
+    $("model-viewer").css('visibility', 'visible')
+});
+</script>
+
 <?php
 /*
 echo $this->inlineScript()