delete?
<!---START-->
<div class="wall-decor-child">
  <div class="w3-content w3-display-container">

    <!-- Slides -->
    <img
      class="mySlides"
      title="Empire State Building Wall Art"
      alt="Empire State Building NYC Skyline Wall Art Print"
      src="https://www.ijyoyo.com/images/prints/section10/Screen Shot 2021-06-11 at 17.30.19.png"
      style="display: block;"
    >
    <img
      class="mySlides"
      title=""
      alt=""
      src="https://www.ijyoyo.com/images/prints/section10/Screen Shot 2021-06-11 at 17.30.19.png"
      style="display: none;"
    >
    <img
      class="mySlides"
      title=""
      alt=""
      src="https://www.ijyoyo.com/images/prints/section10/Screen Shot 2021-06-11 at 17.30.19.png"
      style="display: none;"
    >

    <!-- Navigation Buttons -->
    <button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">❮</button>
    <button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">❯</button>

    <!-- Slide Indicators -->
    <button class="w3-button demo w3-blue" onclick="currentDiv(1)">1</button>
    <button class="w3-button demo" onclick="currentDiv(2)">2</button>
    <button class="w3-button demo" onclick="currentDiv(3)">3</button>
  </div>
</div>

<div class="wall-decor-child" style="padding:0 10%;">
  <div>
    <h1 style="margin:0px;text-align:left;text-indent:0pt;font-size:2em;">
      Double Reflection
    </h1>

    <div class="product-price" style="font-size:1.2em;">
      Refunds + Exchanges<br>
      Ships Before <span id="shipping-date" style="color:blue;">October 16</span>
    </div>

    <div class="product-rating" style="font-size:1.2em;">
      ★★★★★ <span>10 Reviews</span>
    </div>
  </div>
</div>


<script>
                  // Get today's date
                  const today = new Date();
                
                  // Calculate the date 7 days from today
                  const shippingDate = new Date(today);
                  shippingDate.setDate(today.getDate() + 7);
                
                  // Format the date (e.g., "December 5")
                  const options = { month: 'long', day: 'numeric' };
                  const formattedDate = shippingDate.toLocaleDateString('en-US', options);
                
// Insert the formatted date into the HTML element
document.getElementById("shipping-date").textContent = formattedDate;

</script>
         <script>
    let currentIndex = 0;
    const slides = document.querySelectorAll('.mySlides');

    function showDiv(index) {
        if (index < 0) index = slides.length - 1;
        if (index >= slides.length) index = 0;
        slides.forEach((slide, i) => {
            slide.style.display = i === index ? 'block' : 'none';
        });
        currentIndex = index;
    }

    function plusDivs(n) {
        showDiv(currentIndex + n);
    }

    function currentDiv(n) {
        showDiv(n - 1);
    }

    // Add touch/swipe functionality
    const container = document.querySelector('.w3-content');
    let startX = 0;

    container.addEventListener('touchstart', (e) => {
        startX = e.touches[0].clientX;
    });

    container.addEventListener('touchmove', (e) => {
        const touch = e.touches[0];
        const diff = touch.clientX - startX;

        if (diff > 50) { // Swipe right
            plusDivs(-1);
            startX = touch.clientX; // Reset startX to avoid multiple triggers
        } else if (diff < -50) { // Swipe left
            plusDivs(1);
            startX = touch.clientX; // Reset startX to avoid multiple triggers
        }
    });

    // Initialize the first slide
    showDiv(0);
</script>        
         <script>    var slideIndex = 1; showDivs(slideIndex); function plusDivs(n) { showDivs(slideIndex += n); } function currentDiv(n) { showDivs(slideIndex = n); } function showDivs(n) { var i; var x = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("demo"); if (n > x.length) { slideIndex = 1 } if (n < 1) { slideIndex = x.length } for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" w3-blue", ""); } x[slideIndex - 1].style.display = "block"; dots[slideIndex - 1].className += " w3-blue"; }</script>

<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" id="w3css" disabled="">