.service-panel .gradationFiltter .smb-media-text__figure {
    position: relative;
}

.service-panel .gradationFiltter .smb-media-text__figure::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    z-index: 2;
}

@media (max-width:768px) {
    .service-panel .gradationFiltter .smb-media-text__figure img {
        width: 100%;
    }
}

/* 1番目の画像フィルター - 軽い緑 */
.service-panel .gradationFiltter.is-style-sme-shadowed--1 .smb-media-text__figure::before {
    background: linear-gradient(to bottom, rgb(126, 217, 87, 0) 0, var(--light-green) 100%);
}

/* 2番目の画像フィルター - メインの緑 */
.service-panel .gradationFiltter.is-style-sme-shadowed--2 .smb-media-text__figure::before {
    background: linear-gradient(to bottom, rgb(126, 217, 87, 0) 0, var(--main-green) 100%);
}

/* 3番目の画像フィルター - 濃い緑 */
.service-panel .gradationFiltter.is-style-sme-shadowed--3 .smb-media-text__figure::before {
    background: linear-gradient(to bottom, rgb(126, 217, 87, 0) 0, var(--havy-green) 100%);
}