body {
  background-color: #292929;
  padding-top: 15px;
}

div.wall
{
  position: relative;
  margin-left:auto;
  margin-right:auto;
  display: inline-grid;
  grid-template-columns: auto auto auto auto;
  text-align: center;
  justify-content: center;
  align-items: center;
}

div.gallery {
  width: 256px;
  height: 256px;
  margin: 15px;
  filter: drop-shadow(0px 0px 10px #777);
display: flex;
  justify-content: center;
  align-items: center;


}

div.gallery:hover {
  filter: drop-shadow(0px 0px 10px #aaa);
}

div.gallery img {
}

div.gallery a {
}

.overlay-text {
  position: absolute; /* Positions the link relative to its parent (the image-container) */
  bottom: 0%; /* Adjust these values to position the text */
  left: 50%;
  transform: translate(-50%, 0%); /* Centers the text precisely */
  font-family: Verdana, sans-serif;
  color: white;
  text-decoration: none; /* Remove underline for a cleaner look */
  padding: 10px 10px; /* Add some padding for better readability */
  background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background for better readability */
  font-size: 12px;
  text-align: center;
}

#wall_back
{
  font-family: Verdana, sans-serif;
  color: white;
  text-decoration: none; /* Remove underline for a cleaner look */
  font-size: 12px;
  position:absolute;
  top: 40px;
  left: 40px;
}

.gallery .overlay-text {
  opacity: 0; /* Initially hide the text */
  transition: opacity 0.3s ease-in-out; /* Add a smooth transition effect */
}

.gallery:hover .overlay-text {
  opacity: 1; /* Make the text visible on hover */
}