.error {
    width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    -o-object-fit: contain;
    object-fit: contain;
    image-rendering: crisp-edges;
}

.container {
  position: relative;
  text-align: center;
  color: white;
}

.overlay-text {
  position: absolute;
  bottom: -50%; 
  left: 40%; 
  transform: translate(0%, 0%); 
  background-color: #000000; 
  color: #fff; 
  padding: 10px 20px; 
  font-size: 20px; 
  text-align: justify;
}

body {
    opacity: 0;
    animation: fadeIn 3s forwards;
}
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}