lostplaces-frontend/components/04_Templates/placeOverview/_placeOverview.scss

.LP-PlaceOverview{
    .LP-PlaceOverview__Info{

        .LP-PlaceOveriew__Image{
            width: 700px;
            height: 450px;
            box-shadow: 0 0 10px $-secondary-color;
            object-fit: cover;

            float: right;
            margin-left: 35px;
            margin-bottom: 35px;
        }
        .LP-PlaceOverView__Description{
            padding: 0px;
            position: relative;
            top: -15px;
        }
    }

    .LP-PlaceOverView__ImageList{
        list-style-type: none;
        display: grid;
        grid-template-columns: repeat(auto-fit,300px);
        margin: 0px;
        padding: 0px;

        .LP-PlaceOverView__ImageItem{
            
            img {
                box-shadow: 0 0 5px $-secondary-color;
                height: 200px;
                width: 290px;
                object-fit: cover;
                margin-top:10px;
            }
        }
    }

}

@media (max-width: 1290px){
    .LP-PlaceOverview{
        .LP-PlaceOverview__Info{

            .LP-TextSection{
                margin-top: -100px;
            }

            .LP-Headline{
                position: relative;
                top: -400px;
                margin-bottom: 100px;
                width: 100vw;
                display: block;
            }

            .LP-PlaceOveriew__Image{
                float: none;
                width: calc(100vw - 30px);
                margin: 0;
                padding: 0;
                margin-left: 7px;
            }
        }
    }
}