.aboutus2 {

    margin-top: 5rem;
    margin-bottom: 9rem;
}

.aboutus2 .container .left-container .image img {
    height: 80rem; /*responsive*/
    width: auto;
    object-fit: cover;

    -webkit-mask-image:
        linear-gradient(to right, transparent 0%, black 10%, black 80%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, black 10%, black 80%, transparent 100%);
    -webkit-mask-composite: intersect;

    mask-image:
        linear-gradient(to right, transparent 0%, black 10%, black 80%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, black 10%, black 80%, transparent 100%);
    mask-composite: intersect;

    mask-repeat: no-repeat;
}

.aboutus2 .container .right-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.aboutus2 .container .right-container .content {
    margin: 2.5rem;
    max-width: 90rem; /*responsive*/
}

.aboutus2 .content h3 {
    font-size: 2.5rem;
}

.aboutus2 .content p {
    font-size: 1.8rem;
}
.aboutus2 .container-bottom {
    margin: 5rem;
}
.aboutus2 .container-bottom .content {
    max-width: 60rem;
}
.aboutus2 .container-bottom .upper .image {
    display: flex;
    justify-content: center;
    margin: 2rem;
}
.aboutus2 .container-bottom .upper .image img {
    height: 30rem; /*responsive*/
    width: 120rem;
    object-fit: cover;
    object-position: center 65%; /* merkezin biraz altı */

    -webkit-mask-image:
        linear-gradient(to right, transparent 0%, black 10%, black 80%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, black 10%, black 80%, transparent 100%);
    -webkit-mask-composite: intersect;

    mask-image:
        linear-gradient(to right, transparent 0%, black 10%, black 80%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, black 10%, black 80%, transparent 100%);
    mask-composite: intersect;

    mask-repeat: no-repeat;
}
.aboutus2 .container-bottom .lower .content {
    max-width: 40rem; /*responsive*/
    margin: 2.5rem;
}
.aboutus2 .container-bottom .lower {
    display: flex;
    justify-content: center;
}
.aboutus2 .container .right-container .content span {
    font-weight: 700;
}
@media(max-width: 768px) {
    .aboutus2 .container .left-container .image img {
    height: 60rem; /*responsive*/
    width: auto;
    object-fit: cover;
    }
    .aboutus2 .container-bottom .upper .image img {
    height: 15rem; /*responsive*/
    width: 120rem;
    object-fit: cover;
    }
    .aboutus2 .container-bottom .lower .content {
    max-width: 40rem; /*responsive*/
    margin: 2.5rem;
}
.aboutus2 .container .right-container .content {
    margin: 2.5rem;
    max-width: 30rem; /*responsive*/
}
}
@media(max-width: 420px){
        .aboutus2 .container .left-container .image img {
    height: 35rem; /*responsive*/
    width: auto;
    object-fit: cover;
    }
    .aboutus2 .container .right-container h3 {
    font-size: 2rem;
    }
    .aboutus2 .container .right-container p {
    font-size: 1.5rem;
    }
    .aboutus2 .container-bottom .upper .image img {
    height: 20rem; /*responsive*/
    width: 60rem;
    }
    .aboutus2 .container-bottom .lower .content {
    max-width: 20rem; /*responsive*/
    margin: 2.5rem;
}
    .aboutus2 .container-bottom .lower .content h3{
    font-size: 2rem;
}
.aboutus2 .container-bottom .lower .content p{
    font-size: 1.5rem;
}
.aboutus2 .container .right-container .content {
    margin: 2.5rem;
    max-width: 18rem; /*responsive*/
}
}