@media (max-width: 1440px) {
    .middle-container {
        gap: 60px;
    }
    img {
        height: 65%;
    }
    .name {
        font-size: 6em;
        margin-bottom: 5px;
    }
    .title {
        font-size: 3em;
        margin-bottom: 20px;
    }
    .email-icon {
        font-size: 2em;
    }
    .email-text {
        font-size: 1.5em;
    }
}

@media (max-width: 1024px) {
    .middle-container {
        gap: 40px;
    }
    img {
        height: 60%;
    }
    .name {
        font-size: 5em;
        margin-bottom: 5px;
    }
    .title {
        font-size: 2.5em;
        margin-bottom: 15px;
    }
    .email-icon {
        font-size: 1.75em;
    }
    .email-text {
        font-size: 1.25em;
    }
}

@media (max-width: 768px) {
    .section-container {
        margin: 20px 0px auto;
    }
    .middle-container {
        flex-direction: column;
        gap: 70px;
    }
    .image-container {
        justify-content: end;
    }
    img {
        height: 60%;
    }
    .name {
        font-size: 5.5em;
        margin-bottom: 10px;
    }
    .title {
        font-size: 2.75em;
        margin-bottom: 20px;
    }
    .email-icon {
        font-size: 2em;
    }
    .email-text {
        font-size: 1.5em;
    }
}

@media (max-width: 426px) {
    .section-container {
        margin: 0px 0px auto;
    }
    .middle-container {
        flex-direction: column;
        gap: 30px;
    }
    .image-container {
        justify-content: end;
    }
    img {
        height: 50%;
    }
    .name {
        font-size: 3.25em;
        margin-bottom: 10px;
    }
    .title {
        font-size: 1.75em;
        margin-bottom: 20px;
    }
    .email-container {
        flex-direction: column-reverse;
    }
    .email-icon {
        font-size: 3em;
    }
    .email-text {
        display: none;
    }
}

@media (max-width: 376px) {
    .section-container {
        margin: 0px 0px auto;
    }
    .middle-container {
        flex-direction: column;
        gap: 30px;
    }
    .image-container {
        justify-content: end;
    }
    img {
        height: 50%;
    }
    .name {
        font-size: 3em;
        margin-bottom: 10px;
    }
    .title {
        font-size: 1.5em;
        margin-bottom: 20px;
    }
    .email-container {
        flex-direction: column-reverse;
    }
    .email-icon {
        font-size: 3em;
    }
    .email-text {
        display: none;
    }
}

@media (max-width: 321px) {
    .section-container {
        margin: 0px 0px auto;
    }
    .middle-container {
        flex-direction: column;
        gap: 30px;
    }
    .image-container {
        justify-content: end;
    }
    img {
        height: 45%;
    }
    .name {
        font-size: 3em;
        margin-bottom: 10px;
    }
    .title {
        font-size: 1.5em;
        margin-bottom: 20px;
    }
    .email-container {
        flex-direction: column-reverse;
    }
    .email-icon {
        font-size: 3em;
    }
    .email-text {
        display: none;
    }
}