.add-watermark-preview {
  background: white;
  width: 400px;
  height: 300px;
  position: relative;
  overflow: hidden;
  resize: both; }
  .add-watermark-preview .watermark {
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAADi0lEQVRo3u2ZTYiVVRzGf884kwzGWDZKCS2CUaOFFqgZM0ELFfsAN/ZJi5g2Ci1a1EJCWhRmHxDTog/BWQghDUFitKiV4GSOlBBB5RhI4RBJoGYyTcPM0+Z/4fXMe+9973ibAs8DL+89//P1vOc5///5uLJNxv8HHXkIsiAZWZAsSEYWJAuS8W8LImmRpH2SOtOCklZIGpa0siSvU9KQpJ7rdSAlDbddENszwA/A2pKyq4G/451iHXDW9h8LSf56CVkngE11BDlaR5D7gK/ycF47Okts48AzkrptTxbsfcAbwO5kti8JkfYXbDcDDwP9wGXga+AT29M17yh6ie3BQt01wGPA7cAl4IjtY4l37QQeBTYAPbX6hbwngfWAgWPAx0AX8ETU6QCOA4dsz1bh3azvOpGgD3gOOGz7aCVFbM95YkAGCumlwMvxew/QW8h7ABhM6r8JDACLgV5gF7CjkD9cp99bgXeAe4Fu4I6YBHcW6wKDtTJJ/WHg2RjQJcAK4CVgW9gHEvvmVnk36jtJr4v2Vpd9a72n3i4rDVtrwnMATidha064sv2i7VHbU7Z/Bw7GjGqGR4DPbI/ZnrR9FjgUA1rEuVqZkjZ+tv2l7Su2zwMfAdvDPlqwj8Tgt8q7Ud81z+iPPvfZHr/WkIXtXyQtlXST7YshwPeFkHY3cFxSL3AL8GOBTBfwYAi6DLghsmYr8OkDPi0JoU8ntlMN2vgmSU/EjE/t54Dl8+B9qsmGZVt49uu2p9qxhtRwMlzzc2AVcDjsZyKG1rzjhK++Mt4B3Aa8D/xmeyo+9oMKfJYBr0maM0eS9IUGbVxMJtdktFdm754H7wsNxFgEPATsmY8YzQQZA3ZKGgU6bP8ZH3JF0kycOTYB7yb1NgCv2C4SX16Rz1/xMZearHszDfLcir1V3k36npE0AuyWNGT717ad1CPOzgL3h1cUcQbYCkzbnkjyuoDpxDaQpKfLDp9xBrrnP9pxVuFdZZM0GuveC5JWtfvqZCwWp9MlcX1rnbPHd8BTsQb1REztTcqcB9ZKSvs/AmyX1C/pRkmLJd0l6fkFEKQK76qifAu8B+yStL6dgpyMmTNeIkhH7MZSfBjvV4G9wErgQFJmJNah/cl5ZAJ4G9gY292h2Hl9sQCCVOHdiig/AW8Bj0vaUvkKJv+Fm297M7IgWZCMLEgWJCMLkgXJyIJkQTKyIBn18A/07AETLhXVmwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%; }
  .add-watermark-preview .watermark-pos {
    position: absolute; }
  .add-watermark-preview .watermark-pos2 {
    position: absolute;
    width: 100%;
    height: 100%; }