#team {
    position: relative;

    .row {
        justify-content: flex-start;
        gap: 0 15px;
    }

    .circle {
        position: absolute;
        top: 20%;
        right: -20%;
    }

    .team {
        padding: 0;

        img {
            background: var(--off-white);
        }

        .text {
            padding: 0 30px 50px 50px;
        }
    }
}

#journey {
    .row {
        align-content: center;

        .col {
            justify-content: center;

            img {
                padding: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: var(--border-radius);
            }
        }

        .circle {
            -webkit-transform: scale(0.8);
                    transform: scale(0.8);
            -webkit-transform-origin: top left;
                    transform-origin: top left;
            top: 0;
            left: 20px;
            z-index: 10;
            mix-blend-mode: multiply;
        }
    }
}

/*MEDIA QUERIES*/
@media (max-width: 1350px) {
    #journey {
        .row {
            .circle {
                -webkit-transform: scale(0.6);
                        transform: scale(0.6);
            }
        }
    }
}

@media (max-width: 1250px) {
}

@media (max-width: 1024px) {
    #team {
        .team {
            width: calc(50% - 10px);
        }
    }

    #journey {
        .row {
            .circle {
                -webkit-transform: scale(0.5);
                        transform: scale(0.5);
                top: 20px;
            }
        }
    }
}

@media (max-width: 960px) {
    #team{
        .team {
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center;

            img {
                width: 200px;
                height: 100%;
                padding: 0;
                object-fit: cover;
            }

            .text {
                padding: 0 30px 30px;
            }
        }
    }

    #journey {
        .row {
            .circle {
                -webkit-transform: scale(0.9);
                        transform: scale(0.9);
            }
        }
    }
}

@media (max-width: 768px) {
    #journey {
        .row {
            .circle {
                -webkit-transform: scale(0.7);
                        transform: scale(0.7);
                left: 50px;
            }
        }
    }
}

@media (max-width: 600px) {
    #journey {
        .row {
            .circle {
                -webkit-transform: scale(0.5);
                        transform: scale(0.5);
                left: -5%;
            }
        }
    }
}

@media (max-width: 532px) {
    #team {
        .team {
            flex-wrap: wrap;

            img {
                width: 100%;
                height: 300px;
                padding: 0;
            }

            .text {
                padding: 0 30px 30px;
            }
        }
    }
}