.showreel-thumbnail-wrapper { position: relative; display: inline-block;}
#showreel-video-wrapper{border-radius:13px;max-width:80%;margin:auto;}
.showreel-thumbnail { aspect-ratio: 1220 / 615; object-fit: cover; object-position: center; width: 100%; max-width: 70%;box-shadow: 15px 16px 64.3px -1px rgba(0, 0, 0, 0.26);transition: max-width 0.5s ease-out;}
.showreel-play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; font-weight: 600; font-size: 16px; letter-spacing: 32%; color: #222; }
.showreel-button { padding: 0; background-color: transparent; border: none; opacity:0.28; height: 100%;}
.showreel-button:hover{background-color: transparent;opacity:1;}
.showreel-close-btn { position: absolute; top: 10px; right: 10px; z-index: 9999; padding: 10px 15px; background: rgba(0, 0, 0, 0.8); color: #fff; border: none; cursor: pointer; font-size: 14px; border-radius: 4px; transition: opacity 0.3s ease; }
.showreel-close-btn:hover { background: rgba(0, 0, 0, 1); }

@media only screen and (max-width:767px) {
.showreel-thumbnail{aspect-ratio: 1 / 1;max-width:100%;}
.showreel-button{width:80px;opacity:1;}
.showreel-button p{font-size:10px;}
}