.container{aspect-ratio:16/9;display:block;flex-shrink:0;margin:auto auto 2.4rem;position:relative;width:100%}.container:after{background:linear-gradient(180deg,transparent,#100);bottom:0;content:"";display:block;height:10%;position:absolute;transition:all .2s;width:100%}.container:hover:after{height:15%}.image-container{width:100%}.image-container img{display:block;width:100%}.text-overlay{bottom:10px;color:#fff;left:10px;padding:10px;position:absolute;right:10px;text-align:left;z-index:9}@media (max-width:768px){.text-overlay{font-size:1.2rem;padding:8px}}@media (max-width:480px){.text-overlay{font-size:1rem;padding:5px}}