.ikram-al-wrap{
  display:inline-block;
  width: var(--ikram-al-width, 220px);
  height: var(--ikram-al-height, auto);
  line-height: 0;
  transform-origin: center center;
}
.ikram-al-img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
}
.ikram-al-wrap.has-shadow .ikram-al-img{
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.25));
}
.ikram-al-wrap.is-pulse{
  animation: ikram-al-pulse var(--ikram-al-pulse-duration, 1.1s) ease-in-out infinite;
}
.ikram-al-wrap.is-rotate{
  animation: ikram-al-rotate var(--ikram-al-rotate-duration, 4s) linear infinite;
}
.ikram-al-wrap.pause-on-hover:hover{
  animation-play-state: paused;
}
@media (max-width: 768px){
  .ikram-al-wrap.no-mobile{
    animation: none !important;
  }
}
@keyframes ikram-al-pulse{
  0%   { transform: scale(1); }
  20%  { transform: scale(var(--ikram-al-pulse-max, 1.06)); }
  50%  { transform: scale(var(--ikram-al-pulse-min, 0.96)); }
  80%  { transform: scale(var(--ikram-al-pulse-max, 1.06)); }
  100% { transform: scale(1); }
}
@keyframes ikram-al-rotate{
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
