.company{ padding-bottom: 40px;}
.company .company-image{ height: 220px; background-size: cover; background-position: center; border-radius: 8px;
    box-shadow: 0 6px 15px -2px rgb(27 80 122 / 50%);
}
.company h3{ margin: 10px 0; margin-top: 20px; font-size: 22px; font-weight: 600; padding-right: 110px; min-height: 100px; display: -webkit-flex;	display: flex; -webkit-align-items:center; align-items:center; position: relative}
.company .icon2020{ position: absolute; display: block; width: 97px; height: 96px; right: 0; top:0}
.company .icon2020 img{ width: 100%; max-width: 100%; display: block; height: auto  }

@media only screen and (min-width: 768px) {
    .company{ padding-top: 40px;}
    .company .__grids{ -webkit-align-items: center; align-items: center}

    .company-text{ padding-left: 30px;}
    .company .section-title{ padding: 0   }
    .company .section-title h2{ text-align: left}
    .company h3{ margin: 10px 0}
    .company .company-image{ height: 340px;}
    .company h3{   font-size: 26px;  }
}

@media only screen and (min-width: 1024px) {
    .company-text{ padding-left: 20px;}
    
    .company .company-image{ height:380px; margin-right: 20px;}
    .company h3{  font-size: 28px; }
    .company .icon2020{ position: absolute; display: block; width: 97px; height: 96px; right: 0; top:0}
}

@media only screen and (min-width: 1240px) {
    .company-text{ padding-left: 30px;}

    .company .company-image{   margin-right: 30px;}
    .company h3{  font-size:36px; margin: 30px 0 }
    .company .company-image{ height:420px;}
}