.transition_ft{width: 100%; height: 120px; background: url(first.png); background-size: 200px; position: absolute; bottom: 0; background-color: none;}
.transition_sec{width: 100%; height: 120px; background: url(first.png); background-size: 200px; position: absolute; top: 0; background-color: none; transform: rotate(180deg);}
.transition_thd{width: 100%; height: 120px; background: url(first.png); background-size: 200px; position: absolute; bottom: 0; background-color: none;}
.transition_fou{width: 100%; height: 120px; background: url(first.png); background-size: 200px; position: absolute; top: 0; background-color: none; transform: rotate(180deg);}
.main-bloc{height: calc(100vh + 90px);}
#info, #other{min-height: 100vh; position: relative;}
#info{background: white; min-height: 60vh; position: relative; padding: 0px 10%; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 20px; line-height: 40px;}
#other{background: lightcoral; min-height: 100vh; position: relative;}
#end{ min-height: 60vh; position: relative; background: white;}
#footer{ min-height: 200px; position: relative; background-color: rgb(108, 108, 216);}

@media screen and (max-width:800px) {
    #info{padding: 0px 5%;font-size: 14px; line-height: 25px;}
}