<!-- Fun Facts --> <section class="max-w-[1800px] mx-auto px-6 md:px-12 py-16 border-t border-archive-border"> <div class="bg-[#1F1F1F] rounded-3xl p-8 md:p-12 lg:p-16 text-white relative overflow-hidden"> <div class="absolute top-0 right-0 w-64 h-64 bg-tom-blue/20 rounded-full blur-3xl"></div> <div class="absolute bottom-0 left-0 w-48 h-48 bg-jerry-light/10 rounded-full blur-3xl"></div> <div class="relative z-10 max-w-2xl"> <p class="text-[10px] uppercase tracking-widest text-jerry-light font-semibold mb-4">Did You Know?</p> <h3 class="font-serif font-bold text-2xl md:text-3xl tracking-tight mb-6" id="factTitle">Tom was originally named "Jasper"</h3> <p class="text-white/60 leading-relaxed mb-8" id="factText"> In the first short "Puss Gets the Boot" (1940), Tom was called Jasper and Jerry had no name. They were officially named Tom and Jerry in their second short, "The Midnight Snack" (1941). </p> <button onclick="nextFact()" class="flex items-center gap-2 bg-white/10 hover:bg-white/20 text-white text-xs font-semibold uppercase tracking-wider px-6 py-3 rounded-full transition-colors"> <i data-lucide="shuffle" class="w-3.5 h-3.5"></i> Random Fact </button> </div> </div> </section>
: Most plots involve Tom attempting to capture Jerry, often at the behest of a human owner, leading to extreme mayhem and destruction. Complex Relationship tom and jerry cartoon archive