/* MEET THE GANG STYLES */
body {
  /* Add some basic styling */
  text-align: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  background-image: url('../img/meetthegang/introsback.png');

}

.gallery {
  display: flex;
}

.gallery-main-screen img {
  /* width: 850px; */
  max-width: 850px;
  /* Main character image size */
  height: auto;
  /* Maintain aspect ratio */
  margin-top: 20px;
  /* Space between main character card and top of screen */
  margin-bottom: 20px;
  /* Space between main and selectable characters */
  flex-direction: column;
  align-items: center;
  border: 5px solid rgb(134, 13, 124);
  border-radius: 25px;
}

.gallery-item {
  display: inline-block;
  margin: 10px 15px;
  /* Space between gallery items */
  cursor: pointer;
  /* Change cursor to pointer */
  transition: transform 0.3s;
  /* Smooth scaling effect */
  position: relative;
  /* For positioning the highlight */
  flex-direction: row;
}

.gallery-item img {
  height: auto;
  /* Maintain aspect ratio */
}

/* Hover effect for buildings */
.gallery-item:hover {
  filter: drop-shadow(0 0 10px rgb(255, 225, 0));
  /* Yellow drop shadow effect */

}

.gallery-item.selected {
  transform: scale(1.35);
  /* Slightly enlarge the selected character */
  filter: drop-shadow(0 0 10px rgb(255, 225, 0));

}