body{
  margin:0px!important;
  padding: 0px!important;
  list-style: none;
}
.resim{
  width: 100%;
  height: 250px;
}
.yazi{
  color: #fff;
  text-decoration: none!important;
}
.yazi:hover{
  color: #fff;
  text-decoration: none!important;
}
.yazi2{
  padding: 10px;
}
.alan{
  position: absolute;
  background: #000;
  opacity: 0.3;
  border-radius: 999px;
}
.metin{
  margin: 0px;
  padding: 0px;
  position: absolute;
  color:red;
  z-index: 9999;
  height: 10px;
  width: 10px;
  background: red;
  border-radius: 15px;
  display: table-cell;
}