Style the Image Block with CSS (No Photoshop)

 

Add this custom code to your Custom CSS in Squarespace. Update IMAGE URL, to your image URL link

background-image: url('IMAGE URL');<br>

.image-block{
position:relative; border-radius:50%;
&:before{
content:'';
z-index:100;
position:absolute;
bottom:-25%;
left:-25%;
width:100%;
height:100%;
background-image: url('IMAGE URL');
background-size:contain;
background-repeat: no-repeat;
}
}

 
Previous
Previous

The best stock photographers on Pexels.com

Next
Next

Elegant Adobe Font Pairings with Design Examples