lostplaces-frontend/components/04_Templates/placeDetail/_placeDetail.scss

.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;
	}
}