* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* Hintergrund mit Farbverlauf */
        .unique-background {
background: linear-gradient(120deg, #f2feff, #d1ddef);
  font-family: 'Georgia', serif;
  color: #fff;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 500px;
  margin: 0 auto;
        }

        /* Stil für den Titel */
        .unique-title {
font-size: 42px;
  color: #2c3e50;
  margin-bottom: 30px;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, color 0.3s ease;
  font-family: Playfair Display;
  text-transform: lowercase;
        }

        .unique-title:hover {
            transform: scale(1.1);
            color: #fff;
        }

        /* Container für die GIFs */
        .unique-gif-container {
display: flex;
  justify-content: space-between;
  max-width: 720px;
  width: 70%;
  margin-bottom: 30px;
        }

        .unique-gif-wrapper {
            width: 48%;
            padding-top: 48%; /* Verhältnis 1:1 für quadratischen Container */
            background-size: cover;
            background-position: center;
            border-radius: 15px;
            box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .unique-gif-wrapper:hover {
            transform: translateY(-10px);
            box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.2);
        }

        /* Erste und zweite GIFs */
        .unique-gifaero {
            background-image: url(https://64.media.tumblr.com/4f5743d6fca63497ffb2f940f533d28b/cd42fa0ef714569c-c8/s400x600/be3da59338e32becec277b55c8fdd1f64d41b4be.gif);
        }

        .unique-gifpowder {
            background-image: url(https://64.media.tumblr.com/527eb6f1375f116594cdd3ffbae132e0/e9af1577d460ae70-ab/s400x600/45945a39ae06e67ec72b75492be6b3f0d3221fe4.gifv);
        }
		
		        /* Erste und zweite GIFs */
        .unique-gifbent {
            background-image: url(https://s13.gifyu.com/images/Sj6ze.gif);
        }

        .unique-gifkillar {
            background-image: url(https://64.media.tumblr.com/ee153cfa713f12d49a85172691cc8b94/43d5683755c73a0b-47/s540x810/d022b0083ae68779d288e568e016ef7298e7db6d.gif);
        }
		
				        /* Erste und zweite GIFs */
        .unique-gifvarina {
            background-image: url(https://64.media.tumblr.com/205672f00933e3d87defe0ead83ba729/0ed3fc2488cea58f-25/s540x810/17da0b29220654d97453b1cd0db6effb4fc48ea9.gif);
        }

        .unique-gifprye {
            background-image: url(https://64.media.tumblr.com/ff793bc87f536951ac0abd598e27634b/d0e5813f327cc69c-44/s540x810/3ce02a2c09676feb1de8a33ac490ee1809ee7011.gif);
        }
		
				        /* Erste und zweite GIFs */
        .unique-gifreefor {
            background-image: url(https://64.media.tumblr.com/717314efdaa84fc61aad922e1bfce979/999def82aec0a76a-81/s400x600/f8bfe70683e62da3ca16d2b385ff1586a32feb3e.gif);
        }

        .unique-gifsagara {
            background-image: url(https://64.media.tumblr.com/87733a85e7ab53646eb61e91f1c3a2cc/b7dc84df862f624c-8f/s400x600/2d8a14b9242505462eef6ff55404c8cfe02abc72.gif);
        }
		
				        /* Erste und zweite GIFs */
        .unique-gifsky {
            background-image: url(https://i.imgur.com/VzCGKQt.gif);
        }

        .unique-gifslash {
            background-image: url(https://i.imgur.com/iCaYuxZ.gif);
        }
		
						        /* Erste und zweite GIFs */
        .unique-gifpeony {
            background-image: url(https://64.media.tumblr.com/145ca241401d6c836f2b89c66a2db581/994675c05c99a6dd-85/s400x600/53b582f88ddabb65f55a19a66cf94a6b542785be.gif);
        }

        .unique-gifaster {
            background-image: url(https://64.media.tumblr.com/41ddec8c91c9d0b8da117f13897dc8aa/bbac4296ad10b41d-7b/s540x810/22a3a20661a1f503389670cc34ddf971e976bb57.gif);
        }
		
				        /* Erste und zweite GIFs */
        .unique-gifanna {
            background-image: url(https://64.media.tumblr.com/77c40b7b8e01ac5b14b3ebc3a6e5b75d/d8a673caa31ac2d1-bc/s540x810/9a9913019607e4bf264297d7d927aab8579e047a.gif);
        }

        .unique-gifchrome {
            background-image: url(https://s6.gifyu.com/images/S6hGd.gif);
        }

        .unique-aaron50 {
            background-image: url(https://i.imgur.com/4cGrScM.png);
        }

        .unique-juliette50 {
            background-image: url(https://i.imgur.com/MfY7vx7.png);
        }

        .unique-james50 {
            background-image: url(https://i.imgur.com/zETyRSH.png);
        }

        .unique-rosabelle50 {
            background-image: url(https://i.imgur.com/aAUTgyH.png);
        }

        .unique-adam50 {
            background-image: url(https://i.imgur.com/ur2jOQ2.png);
        }

        /* Stil für den Absatz */
        .unique-paragraph {
font-family: 'Playfair Display';
  font-size: 12px;
  color: #000;
  line-height: 2.4;
  text-align: justify;
  max-width: 700px;
  padding: 20px;
  background-color: rgba(219, 208, 208, 0.4);
  border-radius: 8px;
  box-shadow: 0px 4px 15px rgb(128, 136, 182);
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
        }

        .unique-paragraph:hover {
background-color: rgba(246, 246, 246, 0.87);
            box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.3);
        }
		
nathalie {
color: #ffffff;
  font-weight: 600;
  text-transform: lowercase;
  letter-spacing: 1.5px;
  background: linear-gradient(90deg, #0b2850, #841b7e);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease;
}

nathalie:hover {
    transform: scale(1.05); /* Vergrößert den Text leicht bei Hover */
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6); /* Verstärkt den Schatten bei Hover für mehr Tiefe */
}

michelle {
color: #ffffff;
  font-weight: 600;
  text-transform: lowercase;
  letter-spacing: 1.5px;
  background: linear-gradient(90deg, #176776, #861e49);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease;
}

michelle:hover {
    transform: scale(1.05); /* Vergrößert den Text leicht bei Hover */
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6); /* Verstärkt den Schatten bei Hover für mehr Tiefe */
}