/* IMPORTED FROM VENTHEFROG.COM */

.grid {
    margin: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 10.7vh;
    align-content: center;
    display: center;
   
  }
  
  .item{
    background-color: #fa7878;
    border: 10px ridge #62bcf5;
    border-radius: 2px;
    aspect-ratio: 1 / 1;
    width: 20vh;
    height: auto;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5))

   
  }
  
  .grid img {
    width: 20vh;
    height: auto;
    aspect-ratio: 1 / 1; /* Keeps everything in a square, 1:1 ratio */
    min-height: 100%;
    min-width: 100%;
    display: block;
    object-fit: cover; /* Avoids distortion of image in frame */
    
  }