diff --git a/src/assets/Confetti.gif b/src/assets/Confetti.gif
new file mode 100644
index 0000000..dce2540
Binary files /dev/null and b/src/assets/Confetti.gif differ
diff --git a/src/pages/CourseComplete.tsx b/src/pages/CourseComplete.tsx
index 6e4922a..ca3c188 100644
--- a/src/pages/CourseComplete.tsx
+++ b/src/pages/CourseComplete.tsx
@@ -4,6 +4,8 @@ import type React from "react"
 import { useEffect, useState } from "react"
 import { useHistory } from "react-router-dom"
 
+import confetti from "../assets/Confetti.gif"
+
 const CourseComplete: React.FC = () => {
   const history = useHistory()
   const [animationPhase, setAnimationPhase] = useState(0)
@@ -27,6 +29,15 @@ const CourseComplete: React.FC = () => {
     <div className="min-h-screen bg-gradient-to-br from-[#3ABBC7] to-[#0D212C] flex items-center justify-center">
       {/* Basket Animation */}
 
+<div className="absolute top-0">
+  
+  <img
+    src={confetti}
+    className="w-full h-120 object-cover"
+    alt="Описание GIF"
+  />
+</div>
+
 
 <div className="min-h-screen p-4 relative overflow-hidden max-w-4xl mx-auto">
       <div className="absolute inset-0 flex items-start justify-center top-30">