.setting-up-scenarios {
    position: relative;
    display: flex;
}

.setting-up-scenarios picture {
    position: relative;
    left: -290px;
}

.setting-up-scenarios-description {
    position: absolute;
    width: 360px;
    right: 0;
    top: 160px;
    padding: 0 10px;
    flex: 1;
}

@media (max-width: 1200px) {
    .setting-up-scenarios {
        flex-direction: column-reverse;
    }

    .setting-up-scenarios picture {
        left: 50%;
        margin-left: -640px;
    }


    .setting-up-scenarios-description {
        position: static;
        width: 100%;
        margin-top: 30px;
    }
}

@media (max-width: 1024px) {
    .setting-up-scenarios picture {
		width: 100%;
		margin-left: 0;
		left: auto;
    }
}

@media (max-width: 768px) {
	html[lang=ar] .setting-up-scenarios picture,
    .setting-up-scenarios picture {
		width: 130%;
		margin-left: -15%;
		margin-right: -15%;
		left: auto;
		right: auto;
    }
}