.custom-gallery-container {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.custom-gallery-images {
    text-align: center;
}

.custom-gallery-images img {
    max-width: 100%;
    cursor: pointer;
}

.custom-gallery-carousel {
    display: flex;
    justify-content: center;
}

.custom-gallery-carousel .carousel-item {
    margin: 0 5px;
}

.custom-gallery-carousel img {
    max-width: 150px;
    cursor: pointer;
}
.custom-gallery-carousel {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.custom-gallery-carousel img {
    max-width: 150px;
    height: auto;
    cursor: pointer;
}
.custom-gallery-container img {
    max-width: 100%;
    height: auto;
    cursor: pointer;
}
.image-overlay-wrapper {
    position: relative;
    display: inline-block;
}

.image-overlay-wrapper img {
    display: block;
    max-width: 100%;
    height: auto;
}

.image-gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: linear-gradient(0deg, rgba(3,74,120,0.65) 0%, rgba(3,74,120,0.23) 100%);
    pointer-events: none; /* Градиент не блокирует клики по изображению */
	border-radius:8px;
}
@media (min-width:768px){
.custom-gallery-container h2,.custom-gallery-container p, .image-gradient-overlay{
opacity: 0;  /* Изначально прозрачный */
  visibility: hidden;  /* Изначально невидимый */
transition: opacity 1s ease, visibility 1s ease;
}
.custom-gallery-container:hover h2,
.custom-gallery-container:hover p,.custom-gallery-container:hover .image-gradient-overlay{
	opacity: 1;  /* Плавное появление */
  visibility: visible; 
}
}