.google-map-placeholder,
.youtube-video-placeholder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.google-map-placeholder::before,
.youtube-video-placeholder::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.google-map-placeholder::before {
    background-image: url('../css/images/default-map.jpg');
    filter: grayscale(100%) brightness(52%);
}

.youtube-video-placeholder::before {
    background-color: rgb(214, 214, 214);
    filter: grayscale(100%) brightness(60%);
}

.google-map-placeholder div,
.youtube-video-placeholder div { 
    position: relative;
    z-index: 2;
    color: white;
}