@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

.img-click {
  display: block;
  cursor: pointer;
  width:100vw;
  max-width: 100%;
  aspect-ratio: 1.5/1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  background: #ccc;
  color: white;
  transition: all 0.3s ease;
}



.img-click:before {
  position: relative;
  z-index: 1;
  height: 100%;  
  background-image: url(/english/news/special/myanmar-war-photographer/img/008-yat-3088-blurred.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  content: attr(alt);
  color: white;
  display: grid;
  place-items: center;
}


@media (max-width: 575px) 
{
  .img-click {
    background-image: url(/english/news/special/myanmar-war-photographer/img/008-yat-3088-blurred-s.jpg);
    background-repeat: no-repeat;
  background-size: cover;
  }
}

@media (max-width: 800px) 
{
  .img-click {
    background-image: url(/english/news/special/myanmar-war-photographer/img/008-yat-3088-blurred-s.jpg);
    background-repeat: no-repeat;
  background-size: cover;
  }
}