.softstrategy-introduzione {
width: 100%;
box-sizing: border-box;
}
.softstrategy-introduzione__container {
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box;
}
.softstrategy-introduzione__content {
flex: 1;
width: 100%;
box-sizing: border-box;
}
.softstrategy-introduzione__image {
width: 100%;
min-height: 300px;
box-sizing: border-box;
position: relative;
}
.softstrategy-introduzione__image-mobile {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.softstrategy-introduzione__placeholder {
display: flex;
align-items: center;
justify-content: center;
min-height: 300px;
padding: 2rem;
text-align: center;
color: #666;
background-color: #f5f5f5;
border: 1px dashed #ccc;
border-radius: 4px;
} @media (min-width: 992px) {
.softstrategy-introduzione__container {
flex-direction: row;
align-items: stretch;
}
.softstrategy-introduzione__content {
width: 50%;
padding-right: 1.5rem;
}
.softstrategy-introduzione__image {
width: 50%;
min-height: 100%;
}
.softstrategy-introduzione__image-mobile {
display: none;
}
} @media (max-width: 991px) {
.softstrategy-introduzione__container {
flex-direction: column;
}
.softstrategy-introduzione__content {
width: 100%;
padding-right: 0;
margin-top: 1.5rem;
order: 2;
}
.softstrategy-introduzione__image {
width: 100%;
order: 1;
background-image: none !important;
min-height: auto;
}
.softstrategy-introduzione__image-mobile {
display: block;
}
}