<div class="sfondi">
<div class="mbajtesi-me-imazh">

<figure>
<img src="imazhet/deti.jpg" alt="Deti">
<figcaption>Deti</figcaption>
</figure> 

</div>
</div>

.sfondi {
  background-image:url("sfondi.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 100%;
  padding: 6rem 1rem 2rem 1rem;
}

.mbajtesi-me-imazh {
  margin: 0 auto;
  max-width: 340px;
  0px 3px 8px;
  text-align: center;
  padding: 1em;
  border-radius: 4px;
  transform: rotate(-4deg);
} 

figcaption {
  padding-top: 10px;
  text-align: center;
  font-size: smaller;
}