@media screen
{
   .thumb-block:hover {
        
        box-shadow: var(--shadow-elevation-high);
        transform: scale(1.01); 
      }
      .thumb-block-wrap {
        background-color: #000;
        margin: .5em;
      }
      .thumb-block {
        aspect-ratio: 3 / 2;
        display:block;
        position:relative;
        background-repeat:no-repeat;
        background-position:center center;
        background-size:cover;
        transition: all .1s ease-in-out; 
      }
      .thumb-block-gradient {
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,0.7095882298231793) 0%, rgba(0,0,0,0.34264145111169464) 69%, rgba(255,255,255,0) 100%);
        position: absolute;
        bottom:0px;
        width:100%;
        text-align: center;
      }
      .thumb-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 10px;
      width: 100%;
      height: auto;
      }
      .thumb-grid h2 {
        display: none;
        font-size: 1.2em;
      }
      .thumb-grid .thumb-block:hover h2 {
        display: block;
      }
      .navigation h2 {
        display: block;
        padding: 1em;
      }
  }
  @media only screen and (max-width: 640px) {
    .thumb-grid h2 {
      font-size: .7em;
  }
  .thumb-grid {
    grid-gap: 0px;
    grid-template-columns: 1fr 1fr
  }
}