.elementor-widget-opal-image-gallery {
    .elementor-galerry__filters {
        list-style: none;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
    &.elementor-filter-left {
        .elementor-galerry__filters {
            justify-content: left;
        }
    }
    &.elementor-filter-right {
        .elementor-galerry__filters {
            justify-content: right;
        }
    }
    .elementor-galerry__filter {
        margin: 0;
        cursor: pointer;
        padding: 10px 24px;
        color: #000;
        font-size: 0.78571rem;
        line-height: 18px;
        font-weight: 700;
        position: relative;
        text-transform: uppercase;
    }
    .column-item a {
        position: relative;
        overflow: hidden;
        display: block;

        img {
            transform: scale(1);
            -ms-transform: scale(1);
            -webkit-transform: scale(1);
            -webkit-transition: transform 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            -moz-transition: transform 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: transform 2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        }
        &:hover img {
            transform: scale(1.05);
            -ms-transform: scale(1.05);
            -webkit-transform: scale(1.05);
        }
    }
    .gallery-item-overlay {
        position: absolute;
        display: flex;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        opacity: 0;
        color: #fff;
        background-color: #cabe9f;
        -webkit-transition: transform 0.5s, opacity 0.5s;
        -moz-transition: transform 0.5s, opacity 0.5s;
        transition: transform 0.5s, opacity 0.5s;

        i {
            font-size: 25px;
            font-size: 1.78571rem;
        }
    }
    .column-item a:hover .gallery-item-overlay {
        opacity: 0.7;
    }
}