.sumate-bloque{ margin-bottom: 50px; .row{ .inner{ padding: 50px; border: 1px solid $claro; margin-top: 125px; border-radius: 10px; &:hover{ box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); } img{ width: 350px; margin: 0 auto; margin-top: -225px; user-select: none; } h2{ margin-top: 0px; } @media (min-width: 992px) { .btn{ width: 100%; } } } } @media (max-width: 992px) { .row .inner { margin-top: 0; margin-left: 50px; padding-left: 100px; img{ position: absolute; width: 200px; margin: auto; left: -35px; } } .row .col-md-6:not(first-child){ margin-top: 20px; } } @media (min-width: 992px) { .row{ display: flex; .col-md-6{ display: flex; .inner{ display: flex; flex-direction: column; p{ flex-grow: 1; } .btn{ align-self: flex-end; } } } } } } .webform-confirmation__message{ text-align: center; p{ margin-bottom: 10px; } img{ width: 300px; margin-top: -50px; margin-bottom: -30px; } .btn{ margin-top: 20px; } } .webform-svg{ background-color: red; }