.main-story-card-container{background:#333;position:relative;overflow:hidden}.main-story-card-container .main-story-image-container{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all,.3s}.main-story-card-container .main-story-content-container{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7));color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.main-story-card-container .main-story-content-container .main-story-content-title{font-weight:700}@media screen and (max-width:1024px){.main-story-card-container{height:60vh;border-radius:36px}.main-story-card-container .main-story-content-container{padding:30px 20px}.main-story-card-container .main-story-content-container .main-story-content-tags{font-size:14px}.main-story-card-container .main-story-content-container .main-story-content-title{font-size:30px}}@media screen and (min-width:1025px){.main-story-card-container{height:550px;border-radius:48px}.main-story-card-container .main-story-content-container{padding:40px 50px}.main-story-card-container .main-story-content-container .main-story-content-tags{margin-bottom:5px;font-size:14px}.main-story-card-container .main-story-content-container .main-story-content-title{font-size:40px}.main-story-card-container .main-story-content-container .main-story-content-date{margin-top:5px;font-size:18px}.main-story-card-container:hover .main-story-image-container{width:102%;height:102%}}.story-card-container{background:#333;border-radius:30px;overflow:hidden;position:relative}.story-card-container .story-card-image-container{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.story-card-container .story-card-image-container .image-container{position:relative;width:100%;height:100%;transition:all,.3s}.story-card-container .story-card-content-container{width:100%;height:60%;position:absolute;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0),rgb(0,0,0));color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.story-card-container .story-card-content-container .title-container{font-weight:700}@media screen and (max-width:767px){.story-card-container{height:calc((100vw - 40px)*.6);width:100%}.story-card-container .story-card-content-container{padding:20px 30px}.story-card-container .story-card-content-container .tag-container{margin-bottom:5px}.story-card-container .story-card-content-container .title-container{font-size:18px}.story-card-container .story-card-content-container .date-container{margin-top:5px;font-size:14px}}@media screen and (min-width:768px)and (max-width:1024px){.story-card-container{height:300px;width:calc((100% - 40px)/3)}.story-card-container .story-card-content-container{padding:20px 30px}.story-card-container .story-card-content-container .tag-container{margin-bottom:5px}.story-card-container .story-card-content-container .title-container{font-size:18px}.story-card-container .story-card-content-container .date-container{margin-top:5px;font-size:14px}}@media screen and (min-width:1025px){.story-card-container{width:313.3333333333px;height:350px}.story-card-container:hover .image-container{scale:1.02}.story-card-container .story-card-content-container{padding:30px}.story-card-container .story-card-content-container .title-container{font-size:18px}.story-card-container .story-card-content-container .date-container{font-size:14px}}