body {
    background-color:#0d4af0!important;
}

p {
    font-family: 'Xanh Mono', monospace;
    color:rgb(238, 16, 164);
    text-align:center;
}

a:hover {
    color:rgb(14, 231, 79);
}

.containers {
    display:block;
    width: 100%;
    height:auto;
    padding-top:1%;
  }

  .overlay-image {
    position: relative;
    width: 100%;
  }
  
  /* Original image */
  .overlay-image .image {
    display: block;
    width: 100%;
    height: auto;
  }
  
  /* Original text overlay */
  .overlay-image .text {
    font-family: 'Xanh Mono', monospace;
    color: rgb(206, 2, 2);
    font-size: 1.5rem;
    line-height: 1.5em;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }

  /* New overlay on hover */
.overlay-image .hover {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
  }
  
  /* New overlay appearance on hover */
  .overlay-image:hover .hover {
    opacity: 1;
    background-color:rgb(159, 159, 246);
  }