JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div class="b1">
  <div class="b2">
<div class="text3">Здесь что то. Текст</div>
<div class="bg">
  </div>

</div>

CSS

.b1{
  margin:0 auto;
  width:700px;
  height:500px;
  background:#ff0;
  overflow:hidden;
  position:relative;
  
}
.b2 {
  position:absolute;
  margin-top:100px;
  margin-left:-400px;
  width:1500px;
  height:1500px;
  background:url('http://www.fainaidea.com/wp-content/uploads/2015/09/Karta_Moscow.gif');
  border-radius: 750px 750px 0 0;
  text-align:center;
  padding-top:20px;
  font-size:40px;
  overflow:hidden;
  z-index:1;
}
.bg{
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  background: radial-gradient(rgba(0, 0, 0, 0)50%, rgba(0, 0, 0, 1));
  z-index:-2;
  }
.text3{
  font-size: 1em;
  text-shadow:4px 4px 5px #fff;
  color:#000;
}