.contact-data-image {
    height: 54vh;
    max-height: 500px;
    margin: 0;
}

.contact-data-image > img {
    object-fit: contain;
    position: relative;
    bottom: calc(18vw - 490px);
    right: -50px;

    width: 100%;
    height: auto;
}



@media only screen and (min-width: 1441px) {
    .main-contact {
        height: 89vh;
    }
}

@media only screen and (min-width: 1441px ) and (max-width: 1550px) {
    .contact-data-image > img {
        bottom: calc(18vw - 280px);
    }
    .contact-name {
        font-size: 160px;
    }
    .contact-data-text {
        margin-top: 60px;
    }
    .contact-title {
        position: relative;
        top: -40px;
    }
    .contact-title > .contact-challenge {
        /*position: relative;*/
        top: 140px;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1470px){
    .contact-data-text > a {
        margin-right: 60px;
    }
}
@media only screen and (max-width: 1440px){
    .contact-data-image > img {
        bottom: calc(10vw - 130px);

        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}
@media only screen and (max-width: 1325px){
    .contact-data-image > img {
        right: -100px;

        width: 125%;
    }
}
@media only screen and (max-width: 1024px){
    .contact-data-text > a {
        margin-left: 20px;
    }
    .contact-data-image {
        height: 35vh;
    }
    .contact-data-image > img {
        bottom: unset;
        left: -50px;

        margin: 0;
        height: 100%;
    }
    .contact-challenge{
        top: 50px;
    }
}
@media only screen and (max-width: 768px){
    .contact-data-image {
        width: 100%;
        padding: 0;
    }
    .contact-data-image > img {
        width: 100%!important;
        height: unset;
        bottom: -20px;
        left: 0;
    }

    .contact-title {
        position: fixed;
        bottom: 0;
        /*top: 72vh;*/
        left: 0;
        width: 100%;   /* pokud chceš, aby zabíral celou šířku */
        z-index: 1000; /* aby nepřekrývaly jiné prvky */
    }
    .contact-name {
        font-size: 130px;
    }
    .contact-challenge{
        top: 85px;
    }
}
@media only screen and (max-width: 650px){
    .contact-data-image > img {
        width: calc(130% + 30px)!important;
        bottom: -40px;
        left: -100px;
    }
}
@media only screen and (max-width: 480px){
    .contact-data-image > img {
        width: calc(120% + 60px)!important;
        bottom: unset;
        top: -10px;
        left: -90px;
    }
    .contact-name {
        font-size: 90px;
    }
    .contact-challenge {
        font-size: 60px;
        top: 95px;
    }
}
@media only screen and (max-width: 430px){
    .contact-data-image > img {
        left: -90px;
        top: -20px;
    }
}