.featured-projects {
    position: relative;
    z-index: 1;
}

.featured-projects .projects-grid {
    grid-template-columns: repeat(2, 1fr);
}

.featured-projects__image {
    width: 22%;
    position: absolute;
    left: 0;
    bottom: 0;
    translate: 0 27%;
    pointer-events: none;
    z-index: -1;
}

@media screen and (max-width: 1024.9px) {
    .featured-projects__image {
        translate: unset;
    }
}

@media screen and (max-width: 575.9px) {
    .featured-projects .projects-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}