weiss-pro.featured-circle.html

<style>
    @media only screen and (min-width: 48rem) {
        .m-featured-slider .swiper-container {
        	padding-bottom: 50px;
    	}

        .m-featured-slide__picture {
            display: flex;
		    justify-content: flex-end;
            border-radius: 0;
            overflow: visible;
            background-color: transparent;
        }
        
        .m-featured-slide__picture a {
            width: 325px;
			height: 325px;
        	background-color: var(--primary-subtle-color);
        }

        .m-featured-slide__picture div {
            border-radius: 0;
            width: 325px;
			height: 325px;
			bottom: -25px;
			left: -25px;
        }
    }
    
    @media only screen and (min-width: 64rem) {
        .m-featured-slide__picture {
            width: 500px;
		    height: 500px;
        }
        
        .m-featured-slide__picture a {
            width: 450px;
		  	height: 450px;
        }
        
        .m-featured-slide__picture div {
            width: 450px;
			height: 450px;
			bottom: -50px;
			left: -50px;
        }
    }
</style>