

.majestic-flip-gallery .gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
  }
  
  .majestic-flip-gallery .gallery-item {
	position: relative;
	overflow: hidden;
	perspective: 1000px;
  }
  
  .majestic-flip-gallery .gallery-item img {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.5s;
  }
  
  .majestic-flip-gallery .gallery-item:hover img {
	transform: rotateY(180deg);
  }
  
  .majestic-flip-gallery .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: opacity 0.3s;
	transform-style: preserve-3d;
	transform: rotateY(-180deg);
  }
  
  .majestic-flip-gallery .gallery-item:hover .overlay {
	opacity: 1;
	transform: rotateY(0);
  }
  
  .majestic-flip-gallery .overlay h3,
  .majestic-flip-gallery  .overlay p {
	margin: 0;
	color: #fff;
	text-align: center;
	padding: 10px;
	transform: translateY(50px);
	opacity: 0;
  }
  
  .majestic-flip-gallery .gallery-item:hover .overlay h3,
  .majestic-flip-gallery .gallery-item:hover .overlay p {
	animation: slideIn 0.5s forwards;
  }
  
  @keyframes slideIn {
	0% {
	  transform: translateY(50px);
	  opacity: 0;
	}
	100% {
	  transform: translateY(0);
	  opacity: 1;
	}
  }
  
