body{
      background-color: black
    }
.image-container {
      text-align: center;
      margin-bottom: 20px;
    }
.image-container img {
  width: 800px; /* Make images fill the container */
  height: auto; /* Maintain aspect ratio */
  max-width: 100%; /* Ensure image doesn't exceed container's width */
}
    
h1 {
      text-align: center;
      margin-top: 40px;
      font-size: 24px;
      color: white;
      font-weight: bold;
    }

.Text a.active {
      display: block;
      text-align: center;
      margin-top: 10px;
    }

    .row {
      display: flex;
      flex-wrap: wrap;
      gap: 20px; /* Space between the items */
      justify-content: center; /* Center the items horizontally */
      align-items: flex-start; /* Align items at the top */
      margin-bottom: 20px; /* Space below each row */
    }

.preview {
      flex: 1 1 220px; /* Grow, shrink and set a base width */
      max-width: 220px;
      margin-bottom: 20px;
    }

.Text a.active:hover {
      color: lightblue; 
    }
    .Text a.active {
      color: white; /* Default link color */
      text-decoration: none; /* Remove underline */
      display: block;
      text-align: center;
      margin-top: 10px;
      transition: color 0.3s ease; /* Smooth color transition */
    }
.liverys {
      margin-top: 35px; /* Adds more space between the last row and LIVERYS heading */
    }