Image Mask

How to Create An Image Mask in bricks

<style>
  /*===========Maask 1===========*/
.mask1{
  -webkit-mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design.svg);
  mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design.svg);
  -webkit-mask-size: 100%;
  mask-size:100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;}
    /*===========Maask 2===========*/
.mask2{
  -webkit-mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design-5.svg);
  mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design-5.svg);
  -webkit-mask-size: 100%;
  mask-size:100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;}
    /*===========Maask 3===========*/
  
  .mask3{
  -webkit-mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design-11.svg);
  mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design-11.svg);
  -webkit-mask-size: 100%;
  mask-size:100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;}  
  .mask3.element3{
 -webkit-mask-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzIDMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0 ZXJsaW1pdDoyOyI+PHBhdGggZD0iTTIuMDY4LDEuMjk3YzAsMC4yMDQgLTAuMDg0LDAuNDA1IC0wLjIyNiwwLjU0OWMtMC4xNDQsMC4xNDIgLTAuMzQ0LDAuMjI4IC0wLjU0NiwwLjIyOGMtMC4yMDUsLTAgLTAuNDA3LC0wLjA4NiAtMC41NDksLTAuMjI4Yy0wLjI4NywtMC4yOTEgLTAuMjg3LC0wLjgwNSAtMCwtMS4wOTVjMC4xNDIsLTAuMTQyIDAuMzQ0LC0wLjIyNSAwLjU0OSwtMC4yMjVjMC4yMDIsMCAwLjQwMiwwLjA4MyAwLjU0NiwwLjIyNWMwLjE0MiwwLjE0NyAwLjIyNiwwLjM0NCAwLjIyNiwwLjU0NiIgc3R5bGU9ImZpbGwtcnVsZTpub256ZXJvOyIvPjwvc3ZnPg==");
-webkit-mask-repeat: repeat;
-webkit-mask-size: 4px;}
  
    /*===========Maask 4===========*/
  .mask4{
  -webkit-mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design-9.svg);
  mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design-9.svg);
  -webkit-mask-size: 100%;
  mask-size:100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;}
  
      /*===========Maask 5===========*/  
  .mask5{
  -webkit-mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design-13.svg);
  mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design-13.svg);
  -webkit-mask-size: 100%;
  mask-size:100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;}
  
.mask5.element5{
  -webkit-mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design-15.svg);
  mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design-15.svg);
  -webkit-mask-size: 100%;
  mask-size:100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;}  
 .mask5.element6{
  -webkit-mask-image: url(https://bricksbuilder-layouts.duogeeks.com/wp-content/uploads/2022/12/Untitled-design-17.svg);
  -webkit-mask-size: 100%;
  mask-size:100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;} 
</style>