.mainHeading__image {
    right: -96px !important;
    max-width: 815px !important;
    width: 100%;
    height: 600px;
    transform: translatey(114px) !important;
    position: absolute;
    overflow: hidden;
    animation: image 0.6s 0.2s ease backwards;
}



.mainHeading__text {
    z-index: 1;
    color: #bfc2c6;
    background-color: rgb(44 40 43 / 60%);
    padding: 40px;
    max-width: 565px !important;
    margin-top: 100px;
    width: 70%;
    backdrop-filter: blur(8px);
    animation: text 0.8s 0.6s ease backwards;
    position: relative;
}


.mainHeading__image img {
    width: 100% !important;
    height: 77% !important;
    object-position: left !important;
}

.mainHeading__image:after {
    background-image: linear-gradient(to top, #2d2f31 0%, #e7f0fd 100%);
    height: 77% !important;
}

.project-details .main-container {
    
    padding-top: 6% !important;
}

@media screen and (max-width: 799px) {
    .project-details .main-container {
        padding-top: 30% !important;
    }
    .mainHeading__image {
        height: 480px;
        width: 70%;
        transform: translatey(80px);
        right: -6% !important;
    }
}

.project-details__tools-used {
    margin: 0 0 2rem 0 !important;
}
.link.intervalCardReveal {
    margin-bottom: 58px;
}