 .instagram-wrapper {
     margin-left: -15%;
     margin-right: -15%;

    @include breakpoint (max-xxl){
       margin-right: 0;
       margin-left: 0;
    }

    .instagram-banner-items {
        .banner-image {
            position: relative;
    

            img {
                @include imgw;
                border-radius: 12px;
            }

            &::before {
                @include before;
                background: $theme-color;
                opacity: 0.6;
                transform: scale(1, 0);
                transition: transform 500ms ease;
                transform-origin: bottom center;
                z-index: 1;
                border-radius: 12px;
            }

            .icon {
                position: absolute;
                width: 68px;
                height: 68px;
                line-height: 68px;
                text-align: center;
                border-radius: 50%;
                background: $theme-color;
                font-size: 28px;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                z-index: 99;
                color: $white;
                opacity: 0;
                @include transition;
            }
        }

        &:hover {
            .banner-image {
                &::before {
                    transform: scale(1, 1);
                    transform-origin: top center;
                }
                .icon {
                    opacity: 1;
                }
            }
        }
    }
 }