@import url(https://fonts.googleapis.com/css?family=Noto\ Serif\ Display);.container-ctm{width:95%;display:flex;align-content:center;justify-content:space-evenly;min-height:100vh;align-items:center}.hover-effect{width:100%;position:relative;display:block;text-align:center;font-size:3rem;cursor:pointer}.hover-effect img{position:absolute;top:0;left:0;width:40vw;height:30vw;object-fit:cover;aspect-ratio:1.5;opacity:0!important;transition:opacity .3s cubic-bezier(.6,.19,.47,.85);will-change:transform;pointer-events:none;z-index:-1}.hover-effect .text{display:block;width:100%;padding:5vw;color:#000!important;opacity:1!important;transition:.5s;position:relative;z-index:1;font-family:'Noto Serif Display'!important}.hover-effect .text:hover{letter-spacing:7px;color:#fff!important;opacity:1!important;z-index:99999!important}.hover-effect .text:hover ~ img {opacity:1!important;z-index:0}.main-container-ctm{transition:background-color 2s ease;background-color:#f3f0ec}