Fix padding issue on Firefox (Thanks qzminski)

dist/vegas.css

@@ -83,15 +83,13 @@ body.vegas-container > .vegas-slide {
 .vegas-transition-blur,
 .vegas-transition-blur2 {
     opacity: 0;
-    -webkit-filter: blur(32px) brightness(1.01);
-            filter: blur(32px) brightness(1.01);
+    filter: blur(32px) brightness(1.01);
 }
 
 .vegas-transition-blur-in,
 .vegas-transition-blur2-in {
     opacity: 1;
-    -webkit-filter: blur(0px) brightness(1.01);
-            filter: blur(0px) brightness(1.01);
+    filter: blur(0px) brightness(1.01);
 }
 
 .vegas-transition-blur2-out {
@@ -104,21 +102,18 @@ body.vegas-container > .vegas-slide {
 .vegas-transition-burn,
 .vegas-transition-burn2 {
     opacity: 0;
-    -webkit-filter: contrast(1000%) saturate(1000%);
-            filter: contrast(1000%) saturate(1000%);
+    filter: contrast(1000%) saturate(1000%);
 }
 
 .vegas-transition-burn-in,
 .vegas-transition-burn2-in {
     opacity: 1;
-    -webkit-filter: contrast(100%) saturate(100%);
-            filter: contrast(100%) saturate(100%);
+    filter: contrast(100%) saturate(100%);
 }
 
 .vegas-transition-burn2-out {
     opacity: 0;
-    -webkit-filter: contrast(1000%) saturate(1000%);
-            filter: contrast(1000%) saturate(1000%);
+    filter: contrast(1000%) saturate(1000%);
 }
 
 /*******************************************/
@@ -144,21 +139,18 @@ body.vegas-container > .vegas-slide {
 .vegas-transition-flash,
 .vegas-transition-flash2 {
     opacity: 0;
-    -webkit-filter: brightness(25);
-            filter: brightness(25);
+    filter: brightness(25);
 }
 
 .vegas-transition-flash-in,
 .vegas-transition-flash2-in {
     opacity: 1;
-    -webkit-filter: brightness(1);
-            filter: brightness(1);
+    filter: brightness(1);
 }
 
 .vegas-transition-flash2-out {
     opacity: 0;
-    -webkit-filter: brightness(25);
-            filter: brightness(25);
+    filter: brightness(25);
 }
 
 /*******************************************/
@@ -167,21 +159,18 @@ body.vegas-container > .vegas-slide {
 .vegas-transition-negative,
 .vegas-transition-negative2 {
     opacity: 0;
-    -webkit-filter: invert(100%);
-            filter: invert(100%);
+    filter: invert(100%);
 }
 
 .vegas-transition-negative-in,
 .vegas-transition-negative2-in {
     opacity: 1;
-    -webkit-filter: invert(0);
-            filter: invert(0);
+    filter: invert(0);
 }
 
 .vegas-transition-negative2-out {
     opacity: 0;
-    -webkit-filter: invert(100%);
-            filter: invert(100%);
+    filter: invert(100%);
 }
 
 /*******************************************/

dist/vegas.js

@@ -1,6 +1,6 @@
 /*!-----------------------------------------------------------------------------
  * Vegas - Fullscreen Backgrounds and Slideshows.
- * v2.5.1 - built 2020-04-24
+ * v2.5.1 - built 2020-12-18
  * Licensed under the MIT License.
  * http://vegas.jaysalvat.com/
  * ----------------------------------------------------------------------------
@@ -146,8 +146,6 @@
           .css('overflow', this.$elmt.css('overflow'))
           .css('padding',  this.$elmt.css('padding'));
 
-        this.$elmt.css('padding', 0);
-
         // Some browsers don't compute padding shorthand
         if (!this.$elmt.css('padding')) {
           $content
@@ -157,6 +155,8 @@
             .css('padding-right',  this.$elmt.css('padding-right'));
         }
 
+        this.$elmt.css('padding', 0);
+
         this.$elmt.clone(true).children().appendTo($content);
         this.elmt.innerHTML = '';
       }

src/vegas.js

@@ -137,8 +137,6 @@
           .css('overflow', this.$elmt.css('overflow'))
           .css('padding',  this.$elmt.css('padding'));
 
-        this.$elmt.css('padding', 0);
-
         // Some browsers don't compute padding shorthand
         if (!this.$elmt.css('padding')) {
           $content
@@ -148,6 +146,8 @@
             .css('padding-right',  this.$elmt.css('padding-right'));
         }
 
+        this.$elmt.css('padding', 0);
+
         this.$elmt.clone(true).children().appendTo($content);
         this.elmt.innerHTML = '';
       }