.slider-image-item {
    overflow: hidden;
}

.slider-image-item .thumbnail {
    overflow: hidden;
}

.slider-image-item .thumbnail img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease;
    transform: scale(1);
}

.slider-image-item:hover .thumbnail img {
    transform: scale(1.1);
}

.slider-image-item .slider-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* 🔹 No mask */
.codexse-mask-none {
    -webkit-mask: none;
    mask: none;
}

/* 🔹 Left side fade */
.codexse-mask-left {
    -webkit-mask: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 20%,
            rgba(0, 0, 0, 1) 100%);
    mask: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 20%,
            rgba(0, 0, 0, 1) 100%);
}

/* 🔹 Right side fade */
.codexse-mask-right {
    -webkit-mask: linear-gradient(to right,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 1) 80%,
            rgba(0, 0, 0, 0) 100%);
    mask: linear-gradient(to right,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 1) 80%,
            rgba(0, 0, 0, 0) 100%);
}

/* 🔹 Both sides fade */
.codexse-mask-both {
    -webkit-mask: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 20%,
            rgba(0, 0, 0, 1) 80%,
            rgba(0, 0, 0, 0) 100%);
    mask: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 1) 20%,
            rgba(0, 0, 0, 1) 80%,
            rgba(0, 0, 0, 0) 100%);
}