.m-intro {
    position: relative;
    height: 400px;
    margin-bottom: 230px;
    padding: 80px 0;
}

.m-intro__content {
    display: grid;
    column-gap: 30px;
    grid-template-columns: 1fr 2fr;
}
.m-intro__title {
    grid-column: 2;
}
.m-intro__photo {
    grid-row: 2;
}

.m-intro__image {
    width: 100%;
}

.m-intro__image img {
    max-height: 400px;
    min-height: 400px;
    opacity: 0 !important;
    position: absolute;
    transition: opacity 1000ms;
}

.m-intro__image .selected {
    opacity: 1 !important;
}

.m-intro .m-button {
    position: absolute;
    width: 176px;
    height: 80px;
    left: calc(50% - 160px);
    bottom: -160px;
    cursor: pointer;
}

@media (max-width:1200px) {
    .m-intro__photo {
        grid-row: 2;
    }   
    .m-intro__image img {
        max-width: 100%;
        max-height: none;
    }
}

@media (max-width: 576px) {

    .m-intro {
        height: auto;
        margin-bottom: 0px;
    }
    .m-intro__photo {
        margin-bottom: 30px;
        grid-row: 1;
    }
    .m-intro__photo img {
        max-width: 100%;
    }
    .m-intro__text {
        grid-column: span 2;
    }

    .m-intro__image img {
        min-height: unset;
    }

    .m-intro__image img.selected {
        position: unset !important;
    }

    .m-intro .m-button {
        position: relative;
        left: 15px;
        bottom: auto;
    }
}