.main_banner_desktop, .main_banner_mobile { width: 100%; height: auto; position: relative; } .first-content-information { display: flex; justify-content: center; align-items: center; position: relative; margin-top: 80px; margin-bottom: 95px; } .three-computers { width: 315px; height: 315px; margin-left: 124px; } .first-content-text { max-width: 766px; } .content-card-container { max-width: 1092px; height: 435px; display: flex; justify-content: space-around; align-items: center; position: relative; margin: auto; } .first-content-card { width: 100%; height: 435px; background: #F0F0F0; } .first-card, .second-card, .three-card { width: 350.33px; height: 287.95px; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23); display: flex; justify-content: center; align-items: center; flex-direction: column; margin: auto; } .first-card p, .second-card p, .three-card p { width: 299px; text-align: center; margin: 27px 0; } .banner-desktop, .banner-mobile { width: 100%; height: auto; position: relative; } @media screen and (max-width: 415px) { .main_banner_desktop { display: none; } .first-content-information { flex-direction: column; margin-top: 84px; padding-left: 31px; padding-right: 29px; margin-bottom: 158px; } .three-computers { width: 239px; height: 239px; margin-top: 137px; margin-left: 0; position: relative; } .first-content-text { max-width: 357px; } .first-content-card { width: auto; height: 966px; display: flex; justify-content: center; align-items: center; } .content-card-container { width: auto; height: 894px; flex-direction: column; justify-content: space-around; } .banner-desktop { display: none; } } @media screen and (min-width: 415px) { .main_banner_mobile { display: none; } .banner-mobile { display: none; } }