.row {
    margin: 10px -16px;
  }
  
  /* Add padding BETWEEN each column */
  .row,
  .row > .column {
    /* padding: 8px; */
  }
  .rft{
    /* border-radius: 10px; */
  }
  /* Create three equal columns that floats next to each other */
  .column {
    float: left;
  
    display: none; /* Hide all elements by default */
    position: relative;
  }

.filter__gal__container{
  display: grid; 
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap:1rem;
}
  /* Clear floats after rows */ 
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Content */
  .content {
    background-color: white;
    padding: 2px 4px;
  }
  
  /* The "show" class is added to the filtered elements */
  .show {
    display: block;
  }
  
  /* Style the buttons */
  .btn {
    border: none;
    outline: none;
    font-family: 'nolan next', sans-serif;
    padding: 15px 26px;
    background-color: white;
    border-radius: 5px;
    cursor: pointer;
  }
  
  .btn:hover {
    background-color: #ddd;
  }
  
  .btn.active {
    background-color: rgb(0, 0, 0);
    color: white;
  }
.img__container{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 20px;
}


  @media (max-width: 575.98px) { 
    .img__container{
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin-top: 20px;
    }
    .btn {
  
      padding: 10px 16px;
      
      
    }
    .people__gal {
      
      font-size: 13px;
    
  }
    
   }


@media (max-width: 767.98px) { 
  
 }

@media (max-width: 991.98px) { 
  
 }


@media (max-width: 1199.98px) { 
  
 }

@media (max-width: 1399.98px) { 
  
 }