diff --git a/Automatic Image Slider Animation/image_slider.png b/Automatic Image Slider Animation/image_slider.png
new file mode 100644
index 0000000..451df89
Binary files /dev/null and b/Automatic Image Slider Animation/image_slider.png differ
diff --git a/Automatic Image Slider Animation/index.css b/Automatic Image Slider Animation/index.css
new file mode 100644
index 0000000..6b8f8d8
--- /dev/null
+++ b/Automatic Image Slider Animation/index.css
@@ -0,0 +1,59 @@
+body {
+ background-color: rgba( 27 , 31 , 34 ,0.85 );
+}
+h1 {
+ font-size: 3vw;
+ line-height: 1.4;
+ letter-spacing: 0.2vw;
+ text-align: center;
+ color: white;
+ margin-top: 5%;
+}
+.maindiv {
+ height: 50%;
+ width: 50%;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ background-image: url('https://source.unsplash.com/featured/?{nature},{forest},{lanscape},{flower}');
+ background-size: 100% 100%;
+ transform: translate(-50% , -50%);
+ box-shadow: 1px 2px 10px 5px white;
+ animation: slider 20s infinite linear;
+}
+@keyframes slider {
+ 0%{
+ background-image: url('https://source.unsplash.com/featured/?{flower}');
+ }
+ 33%{
+ background-image: url('https://source.unsplash.com/featured/?{nature},{forest},{lanscape}');
+ }
+ 66%{
+ background-image: url('https://source.unsplash.com/featured/?{nature}');
+ }
+ 100%{
+ background-image: url('https://source.unsplash.com/featured/?{nature},{lanscape},{flower}');
+ }
+}
+footer {
+ position: fixed;
+ bottom: 2px;
+ left: 2px;
+
+}
+.atag {
+ font-size: 1vw;
+ background: none;
+ position: relative;
+ left: -1%;
+ letter-spacing: normal;
+ color: rgb(255, 255, 255);
+}
+p {
+ font-size: 2vw;
+ color: rgb(255, 255, 255);
+}
+.date {
+ font-size: 2vw;
+ color: rgb(255, 255, 255);
+}
\ No newline at end of file
diff --git a/Automatic Image Slider Animation/index.html b/Automatic Image Slider Animation/index.html
new file mode 100644
index 0000000..3eb6e64
--- /dev/null
+++ b/Automatic Image Slider Animation/index.html
@@ -0,0 +1,18 @@
+
+
+
+ Document
+ Background Image Changing Animation
+
+
+
+
\ No newline at end of file
diff --git a/Automatic Image Slider Animation/readme.md b/Automatic Image Slider Animation/readme.md
new file mode 100644
index 0000000..5583cac
--- /dev/null
+++ b/Automatic Image Slider Animation/readme.md
@@ -0,0 +1,2 @@
+# Image Animation
+
\ No newline at end of file