.LP-PlaceDetail{ .LP-PlaceDetail__Image{ max-width: 700px; max-height: 500px; width: 50%; box-shadow: 0 0 10px $-grey; object-fit: cover; object-position: 0 0; margin: 0; padding: 0; float: right; margin-left: $-spacing-medium; margin-bottom: $-spacing-medium; margin-right: $-spacing-medium; overflow: hidden; } } .LP-Quickinfo { clear: both; display: flex; gap: $-spacing-large; justify-content: space-between; .LP-Section { flex-basis: 50%; } } @media (max-width: $-viewport-medium){ .LP-PlaceDetail{ .LP-PlaceDetail__Header{ .LP-PlaceDetail__Image{ float: none; width: 100%; max-width: unset; height: auto; margin: 0; padding: 0; margin-bottom: 25px; } } } .LP-Quickinfo { flex-direction: column; } }