.royalimagegallerysleek {
  height: 450px;
  margin-inline: auto;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.royalimagegallerysleek:has(.galleryimage:hover) .galleryimage:not(:hover) img {
  filter: grayscale(70%);
}

.royalimagegallerysleek .galleryimage {
  flex: 1;
  border-radius: 0.75rem;
  overflow: hidden;
  cursor: pointer;
  transition: flex 0.5s ease-in-out;
}

.royalimagegallerysleek .galleryimage:hover {
  flex: 2.5;
}

.royalimagegallerysleek .galleryimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}