.featured {
  display: flex;
  flex-direction: column;
  margin: 5px 0;
}

.featured .image {
  width: 100%;
  position: relative;
}
.featured .image img {
  border-radius: 8px;
  width: 100%;
  box-shadow: 0 1px 2px rgb(0 0 0 / 40%);
}

.featured .emblem {
  background: #fff;
  max-width: 8vw;
  padding: 3.5vw;
  box-shadow: 0 1px 2px rgb(0 0 0 / 40%);
  position: absolute;
  right: 10px;
  bottom: -30px;
}
.featured .map {
  flex-grow: 1;
  flex: 1;
}
.featured .map img {
}

@media (min-width: 728px) {
  .featured {
    flex-direction: row;
  }
  .featured .image {
    width: 60%;
  }
  .featured .emblem {
    left: auto;
    right: -40px;
    bottom: 15px;
    max-width: 5.5vw;
    padding: 17px;
  }
}

@media (min-width: 1112px) {
  .featured .emblem {
    max-width: 50px;
  }
}