body {
      margin: 0;
      font-family: 'Montserrat', sans-serif;
      background-color: #2e374a;
      color: #aba2a2;
      text-align: center;
    }

    header {
      padding: 20px;
    }

    .gallery {
      display: flex;
      flex-direction: column;
      gap: 15px;
      padding: 0 20px;
      max-width: 500px;
      margin: 0 auto;
    }

    .gallery img {
      width: 100%;
      border-radius: 16px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      transition: transform 0.3s;
    }

    .gallery img:hover {
      transform: scale(1.02);
    }

    .social-icons {
      margin: 30px 0;
    }

    .social-icons a {
      margin: 0 10px;
      font-size: 28px;
      color: #e1306c;
      text-decoration: none;
      transition: color 0.3s;
    }

    .social-icons a img:hover {
    transform: scale(1.2);
    filter: brightness(1.2);
    }

@media (min-width: 768px) {
  .gallery {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 500px;
  }

  .gallery a {
    flex: 1 1 520px;
    max-width: 520px;
  }

  .gallery img {
    width: 100%;
  }
}