#hero .overlay {
    background: linear-gradient(90deg, rgba(166, 48, 153,0.65) 0%, rgba(166, 48, 153,0.3) 100%) !important
}
#hero {
    height: 90vh !important;
}
.ring-col::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
    height: 80%;
    background-size: contain;
    background-image: url(https://metavative.com/pages/portfolio/3spos/3spos-circle-2.webp);
    background-repeat: no-repeat;
}
#port-block .port-image img{
    width: auto !important;
}
.pos-relative{
    position:relative;
}