m:tel splash screen

by Dejan Munjiza

HTML

<div class="splash-screen">
  <div class="splash-content">
    <img src="http://blog.mtel.ba/wp-content/uploads/2017/12/mtel-lp.jpg"/>
  </div>
</div>

CSS

.splash-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.76);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.splash-content {
  width: 80%;
  max-width: 1920px;
}
.splash-content img {
  width: 100%;
}