.imagebox {
    padding: 10px;
    position: relative;
    text-align: center;
    width: 100%;
  }
  
  .imagebox img {
      filter: brightness(1);
      border-radius: 10px;

  }
  
  .imagebox .imagebox-desc {
    top: 50%;
    left: 0px;
    transform: translate(0%, -50%);
    color: transparent;
    font-size: 1.2em;
    padding: 10px 15px;
    position: absolute;
    transition: 0.8s all;
    text-align: center;
    width: 100%;
    font-size: 3em;
  }
  .imagebox .imagebox-desc .castleName {
      font-size: 0.5em;
  }
  
  .imagebox:hover img {
      filter: brightness(0.6);

  }
  
  .imagebox:hover .imagebox-desc {
      color: #fff;
  }