.contents { background-color: #fff; padding: 3rem 0; } .contents .container { display: flex; } .contents .container > div { width: 50%; display: inline-flex; flex-direction: column; justify-content: center; } .contents .container > div > img { display: block; margin: auto; width: 100%; padding: 1rem; object-fit: contain; } .contents .container > div p:not(.section-title) { font-size: 14px; } .contents .container > div p:not(.section-title):not(:last-of-type) { margin-bottom: 20px; } .contents .contents-description { display: block; box-shadow: 0px 10px 10px 0px #f3f3f3; border-radius: 8px; padding: 20px 10px; margin-bottom: 2rem; flex-direction: row !important; align-items: flex-start; } .contents .contents-description .contents-title { color: #f57c00; width: 100%; flex-direction: row; margin-bottom: 20px; display: flex; } .contents .contents-description .contents-title img { height: 25px; width: auto; padding: 0; margin: 0; margin-inline-end: 10px; } .contents .contents-description .contents-title h2 { margin: 0; font-size: 1rem; font-weight: 700; flex: 1; border-bottom: 1px solid #eee; padding: 5px 0 15px; } .contents .contents-description .img-info { width: 200px; display: inline-flex; margin: 0; padding: 0; margin-inline-end: 2rem; border-radius: 5px; }