var stopAnim = function () {
// https://dev.to/inhuofficial/stopping-gif-animations-on-dev-to-for-those-who-prefer-reduced-motion-59pg
 
  var priv = {};
  var pub = {selector:"img[src$='gif']"};
 
  priv.pauseAll = true; // false
  if(window.matchMedia){
    var mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
     if (!mediaQuery || mediaQuery.matches) { priv.pauseAll = true }
  }
 
  priv.stopAnim = function (img) {
    var coverImage = function () {
		
			if ( img.cvs) {  // toggle
				var ist=img.style;
				ist.opacity = (ist.opacity && ist.opacity < 0.1) ? 1.0 : 0.01;
				img.cvs.style.opacity = ist.opacity > 0.5 ?  0.01 : 1.0;
				return;
				}
 
      var width = img.width;
      var height = img.height;
      var parent = img.parentNode;
      var div = document.createElement('div');
      parent.insertBefore(div, img);
			parent.removeChild(img);
			div.appendChild(img);
      div.style.position = "relative";
      div.style.display = "inline-block";
			div.style.width= img.width;
 
      var canvas = document.createElement('canvas');
			img.cvs=canvas;
      canvas.width = width;
      canvas.height = height;
      canvas.getContext('2d').drawImage(img, 0, 0, width, height);
      canvas.style.position = 'absolute';
      canvas.style.top = "0";
      canvas.style.left = "50%";
      canvas.style.transform = "translate(-50%, 0)";
      canvas.setAttribute('aria-hidden', 'true');
      canvas.setAttribute('role', 'presentation');
			canvas.classList.add('anim');
	    div.insertBefore(canvas, img);
      img.style.opacity = 0.01;
    };
 
    if (img.complete) {
      coverImage();
    } else {
      img.addEventListener('load', coverImage, true);
    }
  }
 
  pub.freezeAll = function () {
    var images = document.querySelectorAll(this.selector);
 
    for (var x = 0; x < images.length; x++) {
      priv.stopAnim(images[x]);
    }
  };
 
  if (priv.pauseAll == true) {
    pub.freezeAll();
  }
  return pub;
}; // stopAnim()