Por algum motivo, quando estou no f12 meus textos e minha imagem fica mais a esquerda... o header também ficava mas consegui deixa-lo responsivo mas o restante não fica.

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,600;1,600&display=swap');

* {
    margin: 0;
    border: 0;
    box-sizing: border-box;
    padding: 0;
}

body {
    background-color: black;
}

header {
    background-color: black;
    padding: 5vh;
}

.header__link {
    border-radius: 5px;
    width: 50%;
}

.header__link:hover {
    border: 2px solid #22D4FD;
    border-radius: 8px;
    padding: 15px;
    background-color: #272727;
}

a {
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    margin-left: 12vh;
    margin-right: 3vh;
    color: #22D4FD;
    font-size: 24px;
}

main {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2% ;
}

.inicio__text__links {
    white-space: pre-line;
    font-size: 22px;
    width: 50%;
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    margin-right: 12vh;
}

strong {
    color: #22D4FD;
}

.inicio__links {
    display: flex;
    flex-direction: column;
    color: #F6F6F6;
    align-items: center;
    gap: 32px;
}

.inicio__links__link {
    border: 2px solid #22D4FD;
    border-radius: 8px;
    display: flex;
    align-items: center;
    padding: 20px;
    width: 60vh;
    justify-content: center;
    color: #F6F6F6;
    transition: background-color 0.3s ease-in-out;
    transition: 0.4s;
    cursor: pointer;
    width: 50%;
}

.inicio__links__link:hover {
    scale: 1.2;
    transition: .2s;
    color: #22D4FD;
    background-color: #272727;
    cursor: pointer;
    border: 2px solid #F6F6F6;
}

.inicio__links__link__icon {
    margin-right: 2vh;
}

.inicio__img {
    margin-top: -45vh;  
    display: flex; 
}

.inicio__img, img {
    max-width: 60vh;
    max-height: 90vh;
    border-radius: 5vh;
    margin-right: 10vh;
}

.inicio__links__titulo {
    text-align: center;
    margin-left: 10vh;
    font-family: "Krona One", sans-serif;
    margin-top: 20px;
    font-size: 24px;
}

.inicio__text, .inicio__text__titulo {
    font-size: 36px;
    color: #F6F6F6;
    display: flex;
    flex-direction: column;
    font-family: "Krona One", sans-serif;
}

p {
    font-family: "Montserrat", sans-serif;
    color: #F6F6F6;
    margin-top: 40px;
    font-size: 24px;
}

.texts__img {
    display: flex;
    justify-content: space-around;
}

.texts {
    width: 400px;
    margin-left: -4vh;
    margin-top: 4vh;
}

.text__titulo {
    color: #F6F6F6;
    font-size: 26px;
    font-family: 'Krona One', sans-serif;
}

.text__paragrafo {
    color: #f6f6f6;
    font-family: 'Montserrat', sans-serif;
    margin-top: 6vh;
    font-size: 16px;
}

.main__img {
    margin-top: 8vh;
}

.incio__img__imagem {
    width: 70%;
    margin-top: 14vh;
}

footer {
    color: black;
    background-color: #22D4FD;
    margin-top: 20vh;
    padding: 4vh;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    text-align: center;
}

footer h1 {
    width: 100%;
}

@media ( max-width: 1200px ) {
    .inicio {
        flex-direction: column-reverse;
        margin-top: 40vh;
    }

    .inicio__img {
        justify-content: center;
        justify-content: center;
    }

    .inicio__text__titulo {
        justify-content: center;
    }

    .header__menu {
        justify-content: center;
        display: flex;
    }
}