.flip-image-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

.flip-image-container img {
    width: 100%;
    max-width: 100%;
    height: auto;
    transition: opacity 0.4s ease-in-out;
}

.flip-img-back {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

/* Когато класът active-back е добавен от JavaScript */
.flip-image-container.active-back .flip-img-front {
    opacity: 0;
}

.flip-image-container.active-back .flip-img-back {
    opacity: 1;
    pointer-events: auto;
}

/* Изглед на курсора върху бутона */
.flip-action-btn {
    cursor: pointer;
}

/* Стилизиране на бутона, когато е Снимка / SVG */
.custom-image-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease;
    text-align: center;
}

/* Лек ефект на уголемяване при посочване с мишката */
.custom-image-btn:hover {
    transform: scale(1.05);
}

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

/* Стилизиране на текста под снимката */
.custom-image-btn-text {
    margin-top: 8px; /* Разстояние между картинката и текста */
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    line-height: 1.2;
}