[CSS MODERN ] How to add big HD preview pics to a layout

@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkbefore";

/* COVER AREA
The area taken up by covers.
*/
.list-block {
/* variables used in calc (explicit names) */
--height-img: 250px !important;
--width-img: 178px !important;
}


/* HD COVER SIZE
The size of covers seen.
*/ 
.data.image a:before{
background-size: cover !important;
height: 250px !important;
width: 178px !important;
background-position: center center !important;
}


/* LOW RES COVER SIZE
You only see this if the import for high res covers goes down.
*/ 
a img{
background-size: cover !important;
height: 250px !important;
width: 178px !important;
}

/* OTHER CODES*/

.data.image .image{
display: inherit !important;
background-repeat: no-repeat !important;
}

a img{
display: block !important;
border: none !important;
background-repeat: no-repeat !important;
}

.data.image a:before{
display: block;
content: "";
position: absolute;
background-repeat: no-repeat !important;
}