div {
    width: 400px;
}
div.my-bkg-parag21 {
    background-image: url('/assets/img/lizzard3-1024x683.jpg?3');
    padding:100px;
    max-width: 600px;
}
div.my-bkg-parag22, span.my-bkg-parag22 {
    background-image: url('https://dev.shortpixel.ai/assets/img/lizzard4-1024x682.jpg');
    padding:100px;
    max-width: 600px;
}
div.my-bkg-parag23 {
    background-image: url('https://dev.shortpixel.ai/assets/img/lizzard2-1024x682.jpg');
    width: 700px;
}
div.my-bkg-multiple {
    background: linear-gradient(0deg, rgba(50,115,173,0.55),rgba(50,115,173,0.75)), url(http://dev.shortpixel.ai/assets/img/lizzard3-1024x683.jpg) 250px 20px/150px 80px no-repeat border-box content-box;
    padding: 2em;
    border: 10px solid darkgreen;
}
div.my-bkg-shift{
    width:100px;
    height: 300px;
    background-image: url(http://dev.shortpixel.ai/assets/img/ruler-250x400.png);
    background-position-x: 187%;
    background-size:cover;
    background-origin:content-box;
    padding:20px;border:5px dotted orange;
    display: inline-block;
}
div.my-bkg-pos-http{
    width:400px;
    height:300px;
    background-image:url("http://shortpixel.com/img/tests/wrapper/lizzard5.jpg");
    background-position-x:-100px;
    background-position-y:30%;
}
div.my-bkg-cover{
    width:400px;
    height:300px;
    background-image:url("//shortpixel.com/img/tests/wrapper/lizzard5.jpg?noscheme-cover");
    background-position-x:-100px;
    background-position-y:30%;
    background-size:cover;
}
div.my-bkg-contain {
    width:400px;
    height:300px;
    background-image:url("https://shortpixel.com/img/tests/wrapper/cc.jpg");
    background-position-x:-100px;
    background-position-y:30%;
    background-size:contain;
}
div.my-bkg-size {
    width:400px;height:300px;background-image:url("http://dev.shortpixel.ai/assets/img/CBP-700x1703.jpg");
    background-position-x:100px;
    background-position-y:30%;
    background-size:500px 300px;
}
div.my-bkg-lqip {
    background-image: url('https://cdn.shortpixel.ai/cstm/w_1024+h_682+q_lqip+ret_img+to_webp/https://dev.shortpixel.ai/assets/img/lizzard2-1024x682.jpg');
    padding:100px;
    max-width: 600px;
}
div.my-bkg-parag {
    width: 280px;
}
div.my-bkg-parag-inline {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDY4MiIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNjgyIiAgZGF0YS11PSJodHRwczovL2Rldi5zaG9ydHBpeGVsLmFpL2Fzc2V0cy9pbWcvbGl6emFyZDQtMTAyNHg2ODIuanBnIiBkYXRhLXc9IjEwMjQiIGRhdGEtaD0iNjgyIj48ZmlsdGVyIGlkPSJiIj48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMCIgLz48L2ZpbHRlcj48cGF0aCBmaWxsPSIjODc4ODY0IiBkPSJNMCAwaDEwMHY2N0gweiIvPjxnIGZpbHRlcj0idXJsKCNiKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIiBmaWxsLW9wYWNpdHk9Ii41Ij48ZWxsaXBzZSBmaWxsPSIjZmJlYmY3IiByeD0iMSIgcnk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDEwLjMgLTI5NS45IDI0OCkgc2NhbGUoNzYuNDA4MjggOC4wNDUxNSkiLz48ZWxsaXBzZSBmaWxsPSIjMzU0NjAzIiByeD0iMSIgcnk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDUzLjkgLTEgNjYuMikgc2NhbGUoMzIuMjQwOCAxOC41NTYxOSkiLz48cGF0aCBmaWxsPSIjMmU0MjAwIiBkPSJNNzQgNTVsMzYgNi0yNS0zMXoiLz48cGF0aCBmaWxsPSIjMjgyYTAxIiBkPSJNNDQuMyAzMy4zbC0uNiAxMS0zMC0xLjYuNi0xMXoiLz48ZWxsaXBzZSBmaWxsPSIjYWU5ZDkwIiByeD0iMSIgcnk9IjEiIHRyYW5zZm9ybT0icm90YXRlKC03NC4xIDE1IDUuNikgc2NhbGUoMTEuMjEzMDYgMzguNzIyOCkiLz48ZWxsaXBzZSBmaWxsPSIjYzdiY2IzIiBjeD0iMTkiIGN5PSI2MyIgcng9IjQxIiByeT0iMjAiLz48cGF0aCBmaWxsPSIjYWVhYjg2IiBkPSJNNTYuNSAxMy4yTDExNSAyOC43IDYwLTIuN2wtNS4yIDcuMXoiLz48cGF0aCBmaWxsPSIjNDA0YTExIiBkPSJNNjkuOCAyMC4yTDI3LTIuM2w1LjUgMjQuNyA0Ny43IDguM3oiLz48cGF0aCBmaWxsPSIjZmNmM2VmIiBkPSJNMTA5LjIgNjlsLTcgMTMtMzgtMjYuOSAzMy41IDYuM3oiLz48L2c+PC9zdmc+');
    padding:30px;
    max-width: 500px;
}
div.my-bkg-parag-inline-blank {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDY4MiIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNjgyIiAgZGF0YS11PSJodHRwczovL2Rldi5zaG9ydHBpeGVsLmFpL2Fzc2V0cy9pbWcvbGl6emFyZDQtMTAyNHg2ODIuanBnIiBkYXRhLXc9IjEwMjQiIGRhdGEtaD0iNjgyIj48ZmlsdGVyIGlkPSJiIj48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMCIgLz48L2ZpbHRlcj48cGF0aCBmaWxsPSIjODc4ODY0IiBkPSJNMCAwaDEwMHY2N0gweiIvPjxnIGZpbHRlcj0idXJsKCNiKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjUgLjUpIiBmaWxsLW9wYWNpdHk9Ii41Ij48ZWxsaXBzZSBmaWxsPSIjZmJlYmY3IiByeD0iMSIgcnk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDEwLjMgLTI5NS45IDI0OCkgc2NhbGUoNzYuNDA4MjggOC4wNDUxNSkiLz48ZWxsaXBzZSBmaWxsPSIjMzU0NjAzIiByeD0iMSIgcnk9IjEiIHRyYW5zZm9ybT0icm90YXRlKDUzLjkgLTEgNjYuMikgc2NhbGUoMzIuMjQwOCAxOC41NTYxOSkiLz48cGF0aCBmaWxsPSIjMmU0MjAwIiBkPSJNNzQgNTVsMzYgNi0yNS0zMXoiLz48cGF0aCBmaWxsPSIjMjgyYTAxIiBkPSJNNDQuMyAzMy4zbC0uNiAxMS0zMC0xLjYuNi0xMXoiLz48ZWxsaXBzZSBmaWxsPSIjYWU5ZDkwIiByeD0iMSIgcnk9IjEiIHRyYW5zZm9ybT0icm90YXRlKC03NC4xIDE1IDUuNikgc2NhbGUoMTEuMjEzMDYgMzguNzIyOCkiLz48ZWxsaXBzZSBmaWxsPSIjYzdiY2IzIiBjeD0iMTkiIGN5PSI2MyIgcng9IjQxIiByeT0iMjAiLz48cGF0aCBmaWxsPSIjYWVhYjg2IiBkPSJNNTYuNSAxMy4yTDExNSAyOC43IDYwLTIuN2wtNS4yIDcuMXoiLz48cGF0aCBmaWxsPSIjNDA0YTExIiBkPSJNNjkuOCAyMC4yTDI3LTIuM2w1LjUgMjQuNyA0Ny43IDguM3oiLz48cGF0aCBmaWxsPSIjZmNmM2VmIiBkPSJNMTA5LjIgNjlsLTcgMTMtMzgtMjYuOSAzMy41IDYuM3oiLz48L2c+PC9zdmc+');
    padding:30px;
    max-width: 500px;
}
/*cognitune*/
div.my-bkg-parag-inline2 {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgNDQiIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjE0NiIgZGF0YS11PSIlMkZhcHAlMkZ1cGxvYWRzJTJGMjAxOCUyRjA5JTJGY3JvcHBlZC1jb2duaXR1bmUucG5nIiBkYXRhLXc9IjEwMDAiIGRhdGEtaD0iMTQ2Ij48ZmlsdGVyIGlkPSJiIj48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMCIgLz48L2ZpbHRlcj48cGF0aCBmaWxsPSIjMGUyNjMxIiBkPSJNMCAwaDMwMHY0M0gweiIvPjxnIGZpbHRlcj0idXJsKCNiKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjYgLjYpIHNjYWxlKDEuMTcxODgpIiBmaWxsLW9wYWNpdHk9Ii41Ij48cGF0aCBmaWxsPSIjNWVlOWZmIiBkPSJNMzAuNi04LjlMNjMuNCA1MiAyNyAxNi40LTMuMyA1MnoiLz48cGF0aCBmaWxsPSIjMDYwMDAwIiBkPSJNMjQ1IDMzTDE2LTE2bDYwIDY4eiIvPjxwYXRoIGZpbGw9IiMwZjZhOTUiIGQ9Ik0yMDQuOC0xMi41bDU1IDEtLjYgMzYtNTUtMXoiLz48cGF0aCBmaWxsPSIjNGVjMWZmIiBkPSJNMjkuMyAyLjdMLTEzLjMgNTIgMzMgMjAuMyA3NC41IDUyeiIvPjxlbGxpcHNlIGZpbGw9IiMyNmRjZmYiIGN4PSIxNzciIGN5PSIzIiByeD0iMyIgcnk9IjIyIi8+PHBhdGggZD0iTTAtMTZoNDJMMCAzNHoiLz48cGF0aCBmaWxsPSIjMTk5NWQxIiBkPSJNMTYzLjctMWwyNC4xIDYuMiA4LjUgNDIuNC0zLjItNDguMnoiLz48cGF0aCBkPSJNMjkuMiAxNS44bDE4LjcgMjEuN0wwIDUybDI4LTMyem0xOTAuMS03LjdsMjYgMzYgNS41LTE5LjMtMzQuNyAxNnoiLz48L2c+PC9zdmc+');
    padding:30px;
    max-width: 500px;
}