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

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