html.abdaak-po-active,
body.abdaak-po-active{
  overflow-x:clip;
}

img{
  max-width:100%;
  height:auto;
}

.abdaak-img-contain img{
  width:100%;
  height:auto;
  object-fit:contain;
}

.abdaak-img-card{
  aspect-ratio:4/3;
  overflow:hidden;
}

.abdaak-img-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.abdaak-img-square{
  aspect-ratio:1/1;
  overflow:hidden;
}

.abdaak-img-square img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.abdaak-img-hero{
  aspect-ratio:16/10;
  overflow:hidden;
}

.abdaak-img-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
}

@media(max-width:767px){
  .abdaak-img-hero{
    aspect-ratio:4/3;
  }
}

@media(max-width:390px){
  .abdaak-img-hero{
    aspect-ratio:1/1;
  }
}