.artowork-wrapper {
  width: 92%;
  margin:0 auto;
  margin-top: 1vh;
}

.artowork-wrapper h2 {
  margin-bottom: 10px !important;
  font-size: 30px !important;
  margin-top: 20px !important;
}


  .gallery-h1 {
    font-size: 30px;
    letter-spacing: 4px;
    text-align: center; margin: 2rem 0;
  }

  .gallery-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    padding: 16px;
  }

  .art-tile {
    display: block;
  }

  .art-tile img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
  }

  .art-tile:hover img {
    transform: scale(1.03);
  }

  /* Tablets: 2 columns */
  @media (min-width: 640px) {
    .gallery-container {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  /* Desktops: 3 columns */
  @media (min-width: 960px) {
    .gallery-container {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  /* Large desktops: 4 columns */
  @media (min-width: 1200px) {
    .gallery-container {
      grid-template-columns: repeat(3, 1fr);
    }
  }