document.addEventListener("DOMContentLoaded", function() { // Select all articles with the post class const posts = document.querySelectorAll('.elementor-post'); posts.forEach(function(post) { // Find the image inside the post thumbnail const image = post.querySelector('.elementor-post__thumbnail img'); // Get the image source const imageUrl = image.src; // Hide the original image image.style.display = 'none'; // Find the post content container (the div with the text) const postText = post.querySelector('.elementor-post__text'); // Set the post's container to use the image as a background postText.style.backgroundImage = `url(${imageUrl})`; postText.style.backgroundSize = 'cover'; postText.style.backgroundPosition = 'center'; postText.style.color = 'white'; // Ensure text remains readable postText.style.padding = '20px'; }); });