.set-img {
      width: 100%;
      height: auto;
      display: block; 
      border-radius: 4px;
    }
    
    * {
      box-sizing: border-box;
    }

    .gallery-card {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr; 
      grid-template-rows: 1fr 1fr;
      gap: 4px;
      max-width: 1000px;
      margin: 2px;
      background: rgb(116, 114, 114);
      padding: 4px;
      border-radius: 4px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    .gallery-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 4px;
    }

    .left-big { 
      grid-column: 1 / 2;
      grid-row: 1 / span 2;
    }

    .right-top {
      grid-column: 2 / span 2;
      grid-row: 1 / 2;
    }

    .right-bottom-1 {
      grid-column: 2 / 3;
      grid-row: 2 / 3;
    }

    .right-bottom-2 {
      grid-column: 3 / 4;
      grid-row: 2 / 3;
    }
    
    .image-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr); /* 3열 */
      grid-template-rows: auto auto;         /* 2행 */
      background: rgb(116, 114, 114);
      gap: 4px;
      max-width: 1000px;
      margin: 2px;
      padding: 4px;
      border-radius: 4px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    .image-grid img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      border-radius: 4px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .bottom-full {
      grid-column: 1 / span 3; /* 3열 병합 */ 
    }
 

    @media (max-width: 700px) {
        
      .gallery-card {
        display: block;
      }
      .right-bottom {
        flex-direction: column;
      }
      .gallery-card img {
        margin-bottom: 1px;
        height: auto;
      }

      .image-grid {
        grid-template-columns: 1fr;
      }

      .bottom-full {
        grid-column: 1 / -1;
      }

      .image-grid img {
        margin-bottom: 1px;
        height: auto;
      }

    }