.wws-block-container:after { content: ''; width: 100%; height: 57.2%; position: absolute; top: 0; left: 0; background: var(--nhc-gradient-green); z-index: 0; }
.wws-block-item { width: 509px; }
.wws-block-box { border-radius: 30px; overflow: hidden; }
.wws-block-box-img { padding-bottom: 120%; }
.wws-block-box-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: var(--nhc-custom-ease); }
.wws-block-box-img:after { content: ''; width: 100%; height: 100%; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); opacity: .9; }
.wws-block-box:hover .wws-block-box-img img { transform: scale(1.05); }
.wws-block-box-text { padding: 64px 32px; font-size: 16px; color: var(--nhc-white); position: absolute; bottom: 0; left: 0; width: 100%; }
.wws-block-box-text h3 { font-size: 42px; margin-bottom: 0px; }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
 }
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
 
.wws-block-box-text h3 { font-size: 24px; }
.wws-block-container:after { height: 53.2%; }
 }
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
 }