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

 body {
     font-family: Arial, sans-serif;
     background-color: #111;
     color: #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
     overflow: hidden;
 }

 .gallery-container {
     max-width: 1200px;
     padding: 20px;
 }

 .gallery-header {
     text-align: center;
     margin-bottom: 20px;
     font-size: 24px;
 }

 .gallery-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     gap: 15px;
 }

 .gallery-item {
     position: relative;
     overflow: hidden;
     cursor: pointer;
 }

 .gallery-item img {
     width: 100%;
     height: auto;
     transition: transform 0.3s ease;
 }

 .gallery-item:hover img {
     transform: scale(1.05);
 }

 /* Lightbox styling */
 .lightbox {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     justify-content: center;
     align-items: center;
 }

 .lightbox img {
     max-width: 90%;
     max-height: 80%;
     border: 5px solid #fff;
     border-radius: 10px;
 }

 .close-btn {
     position: absolute;
     top: 10px;
     right: 10px;
     font-size: 24px;
     color: #fff;
     cursor: pointer;
 }