.location-box {
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    padding: 0px 0;
    margin: 0px;
    width: 340px;
    border-radius: 5px;

}

.location-box:hover {
    cursor: pointer;
}


.places-image {
    width: 340px;
    overflow: hidden;
    height: 225px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;


}

.places-name {
    background-color: #dfdfdf;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0;
}

@media only screen and (max-width: 1025px) {

    .location-box, .places-image {
        width: 100%;
    }



}

@media only screen and (max-width: 769px) {
    .places-image {
        height: 150px;
    }
}



@media only screen and (max-width: 415px) {

    .location-box {
         margin: 20px auto;

    }


    .places-image {
        height: 225px;
    }
}