Center align goods image and update styles for better presentation in index.html

Author: ydah

index.html

@@ -1235,7 +1235,7 @@ <h2 class="section-title">Goods</h2>
             <p style="font-size: 1.2rem; opacity: 0.9; margin-bottom: 2rem;">オリジナルグッズをSUZURIにて販売中！</p>
             <a href="https://suzuri.jp/picopicoruby" target="_blank" style="display: inline-block; position: relative; overflow: hidden; border-radius: 20px; transition: all 0.3s ease;">
                 <img src="./goods.png" alt="PicoRuby Overflow Kaigi Goods" class="goods"
-                    style="width: 100%; height: auto; display: block; border-radius: 20px; border: 2px solid rgba(185, 22, 86, 0.3); transition: all 0.3s ease;"
+                    style="margin: 0 auto; display: block; border-radius: 20px; border: 2px solid rgba(185, 22, 86, 0.3); transition: all 0.3s ease;"
                     onmouseover="this.style.transform='translateY(-5px)'; this.style.borderColor='#B91656'; this.style.boxShadow='0 20px 40px rgba(185, 22, 86, 0.4)';"
                     onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='rgba(185, 22, 86, 0.3)'; this.style.boxShadow='none';">
             </a>