:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#ff3334}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;font-family:Alex Brush,cursive;font-weight:400;font-style:normal}.card-container{background-color:#ffbbc1;width:1280px;height:920px;border:10px solid #FFDEE3;border-radius:150px;display:grid;grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;position:relative}.arrow-btn{background-image:url(/assets/arrow.png);background-repeat:no-repeat;background-position:center;background-size:contain;width:100px;height:100px;padding:0;border:none;margin:25px;background-color:transparent}#arrow-left{background-image:url(/assets/arrow-left.png);justify-self:start}#babe{justify-self:center}#arrow-right{background-image:url(/assets/arrow-right.png);justify-self:end}.card-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:800}.message{display:inline-block}.image-container{position:relative;width:550px;height:550px}.img{position:absolute;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%);transition:opacity .3s ease;border:0px solid #FFDEE3;border-radius:50px;box-shadow:5px 5px 20px gray}.hover{opacity:0}.image-container:hover .hover{opacity:1}.image-container:hover .default{opacity:0}.play-btn{background-image:url(/assets/play.png);background-repeat:no-repeat;background-position:center;background-size:contain;height:65px;width:65px;position:absolute;bottom:10%;right:10%;background-color:transparent;border:none}.pause-btn{background-image:url(/assets/pause.png);background-repeat:no-repeat;background-position:center;background-size:contain;height:65px;width:65px;position:absolute;bottom:10%;right:10%;background-color:transparent;border:none}