import re

with open('index.html', 'r', encoding='utf-8') as f:
    content = f.read()

# Add class to the image container
old_container = '<div class="gsap-fade-left" style="position: relative; height: 650px; border-radius: 24px;">'
new_container = '<div class="gsap-fade-left mission-tilt" style="position: relative; height: 650px; border-radius: 24px;">'
content = content.replace(old_container, new_container)

# Add class to the script
old_script = 'VanillaTilt.init(document.querySelectorAll(".blog-padded-card"), {'
new_script = 'VanillaTilt.init(document.querySelectorAll(".blog-padded-card, .mission-tilt"), {'
content = content.replace(old_script, new_script)

with open('index.html', 'w', encoding='utf-8') as f:
    f.write(content)

print("Tilt added.")