.tilter{display:block;position:relative;width:300px;height:415px;margin-left:5%;margin:10px;margin-top:20px;margin-bottom:20px;color:#fff;flex:none;perspective:1000px;}
.tilter *{pointer-events:none;}
.tilter:hover,
.tilter:focus{color:#fff;outline:none;}
.tilter__figure,
.tilter__image{margin:0;width:100%;height:100%;display:block;}
.tilter__figure > *{transform:translateZ(0px);}
.smooth .tilter__figure,
.smooth .tilter__deco--overlay,
.smooth .tilter__deco--lines,
.smooth .tilter__deco--shine div,
.smooth .tilter__caption{transition:transform 0.2s ease-out;}
.tilter__figure{position:relative;}
.tilter__figure::before{content:'';position:absolute;width:90%;height:90%;top:5%;left:5%;box-shadow:0 30px 20px rgba(35,32,39,0.5);}
.tilter__deco{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.tilter__deco--overlay{background-image:linear-gradient(45deg, rgba(98, 146, 146, 0.4), rgba(0, 54, 55, 0.4), rgba(0, 0, 0, 0.4));}
.tilter__deco--shine div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(45deg, rgba(233, 233, 233, 0.19) 0%, rgba(0, 0, 0, 0.63) 50%, transparent 100%);}
.tilter__deco--lines{fill:none;stroke:#fff;stroke-width:1.5px;}
.tilter__caption{position:absolute;text-align:center;text-align:justify;bottom:0;width:100%;}
.tilter__title{margin:0;font-family:'Poppins';text-align:left;padding-bottom:160px;letter-spacing:0px;padding-right:30px;padding-left:40px;}
.tilter__title2{margin:0;font-family:'Poppins';text-align:left;padding-bottom:0px;letter-spacing:0px;padding-right:30px;padding-left:40px;}
.tilter__description2{font-size:19px;color:white;padding-bottom:50px;padding-right:40px;margin-top:-1px;padding-left:40px;text-align:left;}
.tilter__description p{font-family:'Poppins';}
.tilter--1 .tilter__figure::before{box-shadow:0 30px 20px rgba(0,0,0,0.5);}
.tilter--2,
.tilter--2:hover,
.tilter--2:focus{color:#ffff;}
.tilter--2 .tilter__deco--overlay{background-image:red;}
.tilter--2 .tilter__deco--lines{stroke:#ffff;stroke-width:4px;}
.tilter--3 .tilter__deco--overlay{background-image:linear-gradient(45deg, rgba(205, 81, 220, 0.6), rgba(41, 94, 230,0.5));}
.tilter--3 .tilter__caption{padding:2em;text-align:right;text-shadow:0.1em 0.8em 1em rgba(0,0,0,0.35);}