.blog-leaf{ position:fixed; top:0; right:0; width:100vw; height:100vh; filter: blur(0.3rem); overflow:hidden; opacity:0.4; }
.blog-leaf .leaf{ position:absolute; width:45rem; height:26rem; top:-9rem; right:-18rem; left:auto; background-color:var(--colorC); transform:rotate(60deg); }
.blog-content{ position:relative; }
.blog-image-container{ position:relative; width:100%; height:20rem; }
.blog-image{ position:relative; width:100%; height: 100%; background-size:contain; background-position:center; background-repeat:no-repeat; }
.blog-title{ margin:0 0 2rem -0.2rem; line-height:1; font-size:2rem; font-weight:100; }
.blog-text{ position:relative; }
.blog-text h1{ font-weight:100; margin:0 0 1.5rem -0.3rem; }
.blog-text p{ font-size:1.2rem; }
.blog-content{ position:relative; width:100%; padding:6rem 0; background:linear-gradient(0deg, rgba(255, 255, 255, 0.22) 6.38%, rgba(209, 243, 226, 0.61) 16.68%, rgba(15, 24, 250, 0.31) 100%); }

.blog-list{ padding:0; overflow:hidden; }
.blog-list .container{ position:relative; }
.blog-list-container{ position:relative; display:block; width:100%; padding:0; z-index:1; }
@media (min-width:768px){
	.blog-leaf .leaf{ width:95rem; height:54rem; top:-25rem; right:-30rem; }
	.blog-list-container{ padding:0; }
}