.gallery{
    width:90%;
    max-width:1300px;
  padding-top:130px ;
    margin:auto;   /* tam ortalama */
  
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
  }
  
      .item{
        position:relative;
        overflow:hidden;
       
        cursor:pointer;
        height:320px;
  
        box-shadow:0 10px 30px rgba(0,0,0,0.35);
      }
  
      .item img{
        width:100%;
        height:100%;
        object-fit:cover;
  
        transition:0.6s;
      }
  
      .item::before{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(
          to top,
          rgba(0,0,0,0.65),
          transparent
        );
  
        opacity:0;
        transition:0.5s;
        z-index:1;
      }
  
      .item:hover img{
        transform:scale(1.12) rotate(2deg);
      }
  
      .item:hover::before{
        opacity:1;
      }
  
      /* farklı boyutlar */
      .large{
        grid-row:span 3;
        height:100%;
       
      }
  
      .wide{
        grid-column:span 2;
      }
  
      /* tablet */
      @media(max-width:992px){
  
        .gallery{
          grid-template-columns:repeat(2,1fr);
        }
  
        .wide{
          grid-column:span 1;
        }
  
        .large{
          grid-row:span 1;
          min-height:320px;
        }
      }
  
      /* mobile */
      @media(max-width:768px){
  
        .gallery{
          grid-template-columns:1fr;
        }
  
        .item,
        .large{
          height:280px;
          min-height:auto;
        }
      }