heyawaiszahid

For those reading this post on a later date, below is the updated code that works flawlessly.
<script> let donateBtn = document.createElement("button"); donateBtn.setAttribute("type", "button"); donateBtn.setAttribute("data-formId", "14580"); donateBtn.style.display = "none"; document.body.appendChild(donateBtn); let handleClick = (e) => (e.preventDefault(), donateBtn.click()); document.querySelector(".header-menu-cta a")?.addEventListener("click", handleClick); document.querySelector(".header-actions-action a")?.addEventListener("click", handleClick); document.querySelector("#block-yui_3_17_2_1_1718382999031_11811 a")?.addEventListener("click", handleClick); </script>  

@undefined In my opinion, the simplest approach is to exclude the homepage from your global code, as shown below. While this solution isn't perfect and has some drawbacks, it's the cleanest approach for your current requirements.
body:not(.homepage) { a:link img { opacity: 1; } a:hover img { opacity: 0.5; } }  

@allie00p We always need to ensure we use the correct ID for the block. It appears you deleted the old block, which is okay. Now, we just need to update the ID with that of our new code block. Here's the revised version:
#block-yui_3_17_2_1_1721324851715_19622 { iframe { border: 0; min-height: 860px; } }  

Add below code into the Custom CSS of your website.
[data-section-id="6686a8a4c94e2c3610000a29"] {     .slide-content {         display: flex;         flex-direction: column;         h2 {             order: 2;         }     } }