Карточка тренинга в GC

.stream-table { 
 margin-left:0!important;
}

.stream-table tbody {
 display:flex;
 flex-wrap: wrap;
}

.stream-table tbody tr {
 position:relative;
 flex:0 0 calc(33.3333% - 20px);
 height:350px;
 border-radius:9px;
 box-shadow:0 0 3px 1px rgba(0,0,0,0.1);
 overflow:hidden;
 margin:10px;
 transition:all 0.5s;
}

@media (max-width:850px) {
 .stream-table tbody tr {
 flex:0 0 calc(50% - 20px);
 }
 .stream-table tbody tr {
 height:310px;
 }
}

@media (max-width:510px) {
 .stream-table tbody tr {
 flex:0 0 100%;
 }
}

.stream-table tr a {
	height: 100%;
 width:100%;
	z-index: 2;
	position: relative;
}

.stream-table tbody tr:hover {
 transform:scale(1.05);
}

.stream-table tbody tr td {
 position:relative;
 display:flex;
 height:100%;
 width:100%;
 padding:0!important;
}

/* Настраиваем заголовок */
.stream-table tbody tr td .stream-title {
 position:absolute;
 top:185px; 
 color:black!important;
 z-index:1;
 margin:auto 20px;
}

/* Настраиваем описание */
.stream-table tbody tr td div {
 display: none;
 position:absolute;
 top:285px;
 margin:auto 20px;
 line-height:1.4em;
}

.stream-table tbody tr td:before {
 content:"Deschide ";
 position:absolute;
 top:310px;
 left:20px;
 padding:5px 7px;
 border:1px solid black;
 border-radius:5px;
 transition:all 0.3s;
}

.stream-table tbody tr td:hover:before {
 background:rgb(228, 22, 122);
 color:white;
}

.stream-table tbody tr.no-public td:before {
 display:none;
}

.stream-table tbody tr td:after {
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:180px;
background: #8E2DE2;
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
background: linear-gradient(to right, #4A00E0, #8E2DE2);
}

.stream-table tbody tr[data-training-id="934063181"] td:after { 
 background:url(https://fs.getcourse.ru/fileservice/file/download/a/87136/sc/239/h/71f4ed3e615b77040c1fd4aaf9648be0.jpg) no-repeat;
 background-size:cover;
 background-position: 0 40%;
}