.section-wrapper{background-color:transparent;padding-bottom:9rem;padding-top:7rem;position:relative}.section-wrapper:before{height:100%;left:-50%;margin-left:auto;margin-right:auto;position:absolute;right:-50%;top:0;width:100vw;z-index:-10;--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));background-image:url(../images/gradient3-a.png);background-repeat:no-repeat;content:""}.section-wrapper .website-card{padding:.75rem;transition-duration:1s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.section-wrapper .website-card,.section-wrapper .website-card:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.section-wrapper .website-card:hover{--tw-translate-y:1rem;cursor:pointer}@media (min-width:768px){.section-wrapper .website-card{width:50%}}@media (min-width:1024px){.section-wrapper .website-card{width:25%}}