.block-chain-wrapper {
        position: relative;
    padding: 180px 0 80px;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    align-items: center
}

.bubble-img-1 {
    position: absolute;
    left: 0;
    top: 40px
}

.bubble-img-2 {
    position: absolute;
    left: 0;
    bottom: 40px
}

.bubble-img-3 {
    position: absolute;
    right: 0;
    top: 40px
}

.bubble-img-4 {
    position: absolute;
    right: 0;
    bottom: 40px
}

.bubble-img-5 {
    position: absolute;
    left: 50%;
    bottom: 0
}

.grid-img-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    transition: all ease .3s
}

.grid-img-wrapper::before {
    content: '';
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.grid-img-wrapper:hover::before {
    background-color: rgba(59, 146, 238, .41)
}

.grid-img-wrapper .grid-main-img {
    height: 250px;
    object-fit: cover;
    width: 100%;
    transition: all ease .3s;
    border-radius: 8px
}

.grid-img-wrapper:hover .grid-main-img {
    transform: scale(1.1)
}

.grid-img-wrapper h4 {
    position: absolute;
    bottom: 70px;
    left: 30px;
    color: #fff;
    z-index: 2
}

.grid-icon-img {
    position: absolute;
    left: 30px;
    top: 30px;
    background: #000;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center
}

.customized-mobile-wrapper [class*=col-]:nth-child(6n+1) .grid-img-wrapper .grid-icon-img {
    background: #aa0909
}

.customized-mobile-wrapper [class*=col-]:nth-child(6n+2) .grid-img-wrapper .grid-icon-img {
    background: #ff6d16
}

.customized-mobile-wrapper [class*=col-]:nth-child(6n+3) .grid-img-wrapper .grid-icon-img {
    background: #03b7d5
}

.customized-mobile-wrapper [class*=col-]:nth-child(6n+4) .grid-img-wrapper .grid-icon-img {
    background: #6f58e1
}

.customized-mobile-wrapper [class*=col-]:nth-child(6n+5) .grid-img-wrapper .grid-icon-img {
    background: #199536
}

.customized-mobile-wrapper [class*=col-]:nth-child(6n+6) .grid-img-wrapper .grid-icon-img {
    background: #008cee
}

.customized-mobile-wrapper [class*=col-] .grid-img-wrapper .grid-icon-img img {
    filter: brightness(0) invert(1);
    width: 35px;
    height: 35px;
    object-fit: contain
}

@media only screen and (max-width:767.98px) {
    .block-chain-wrapper {
        padding-bottom: 50px
    }
}