<!DOCTYPE html>

<html>

<head>

<style>

#gifContainer {

width: 1200px; /* Adjust the width to your preference */

height: 1200px; /* Adjust the height to your preference */

overflow: hidden;

}

#gifImage {

max-width: 100%;

max-height: 100%;

}

</style>

</head>

<body>

</div>

const imagePaths = [

"/content/95096de527efcaf8cd8eb2d5e3460a4a8f4ee7a164cbd108cd6dc2033f384dabi0",

"/content/dec8485d47334869cc81395bf8d5cb270576822815dc03a2e79a8536432d54afi0",

"/content/677f87ce30ddaa7e5d20e36b45bb3e4d9ec5e11e6ae41154cfad5cbea51d0ab0i0",

"/content/0423bd95f771a035ef80cbfaac0aea79b6ce06711886807d46d62e53139850b2i0",

"/content/1cb23c2187c19f0522e94cdc63bc70de8d3c5736c0c2463795f39cc34a6511b6i0",

"/content/743a08b9a7a2fcac6e12ac50e5b53c22476182a63aefefdf350b6e45390ce0b7i0",

"/content/3d18b075659638145560b6d7af9c79282d9d81667b21357145f1994af97746bei0",

"/content/61f934821639dccfe1be47916a916b0145f2b0996b1d14bebe91c474d8a59ec1i0"

// Add more image URLs here if needed

];

const gifImage = document.getElementById("gifImage");

let currentImageIndex = 0;

function changeImage() {

gifImage.src = imagePaths[currentImageIndex];

currentImageIndex = (currentImageIndex + 1) % imagePaths.length;

}

// Change image every 500 milliseconds

setInterval(changeImage, 500);

</script>

</body>

</html>