Illustrious-xl-early-release-v0

@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Playwrite+DE+Grund:wght@100..400&display=swap'); .title-container { display: flex; justify-content: center; align-items: center; height: 20vh; } /* Title Base Styling */ .title { text-align: center; letter-spacing: -0.02em; line-height: 1.2; padding: 0.5em 0; } .playwrite-de-grund-title { font-size: 40px; font-style: normal; /* You can change to italic if needed */ color: black; } @keyframes titlePulse { 0% { transform: scale(1); } 100% { transform: scale(1.05); } } .custom-table { table-layout: fixed; width: 100%; border-collapse: separate; border-spacing: 1em; margin-top: 2em; } .custom-table td { width: 33.333%; vertical-align: top; padding: 0; } .custom-image-container { position: relative; width: 100%; height: 100% margin-bottom: 1em; overflow: hidden; align-items: center; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; } .custom-image-container:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4); } .custom-image { width: 100%; height: auto; object-fit: cover; transition: transform 0.5s; } .last-image-container { display: grid; grid-template-columns: 1fr; /* One column for vertical layout */ gap: 0px; /* Remove space between images */ width: 80%; /* Adjust as needed */ height: 100%; /* Set full height */ } .last-image-container img { width: 100%; /* Full width for each image */ height: auto; /* Maintain aspect ratio */ } .custom-image-container:hover .custom-image { transform: scale(1.1); } .playwrite-de-grund-title .company-name { font-size: 40px; } .nsfw-filter { filter: blur(10px); transition: filter 0.3s ease; } .custom-image-container:hover .nsfw-filter { filter: blur(5px); } .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s; } .custom-image-container:hover .overlay { opacity: 1; } .overlay-text { font-size: 1.5em; font-weight: bold; color: #FFFFFF; text-align: center; padding: 0.5em; background: linear-gradient(45deg, #E74C3C, #C0392B); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7); } .overlay-subtext { font-size: 0.85em; color: #F0F0F0; margin-top: 0.5em; font-style: i