.align-center {
    text-align: center;
  }
  
  
  /* p .description{
    font-family: "Bodoni Italic", Garamond, "Times New Roman", serif;
    font-size: 0.8em;
    font-style: italic;
    padding-top: 0.5em;
    letter-spacing: 0.09em;
  }
  */
  .description {
    display: none;
  }
  

  .mood-board .title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 40vh;
  }
  .mood-board .images {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    margin: auto;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    
    
    
  }
  .mood-board .element {
    position: absolute;
    z-index: 0;
    
  }
  .mood-board .element:hover .description {
    display: block;
  }
  .mood-board .element img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    transition-duration: .5s;
    border:solid rgb(252, 182, 229);
  }
  
  .mood-board .element img:hover {
    transform: scale(1.01);
    box-shadow: 0px 0px 20px -2px rgb(252, 182, 229);   
  }
  


/* MOBILE: auto-grid responsivo */
@media (max-width: 767px) {


    .mood-board .images {
      position: relative;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: 14px;
      padding: 0 16px;
    }
  
    .mood-board .element {
      position: relative !important;
      top: auto !important;
      left: auto !important;
      width: 100% !important;
      height: auto !important;
      pointer-events: none !important; /* no drag */
    }
  
    .mood-board .element img {
      width: 100%;
      height: auto;
      border-radius: 10px;
    }
    
    .mood-board {
    position: relative;
    width: 100%;
    height: auto !important;
    min-height: 200px !important;         
  }
  }