.tcms-media-list {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:40px;
    width:min(1200px, calc(100% - 40px));
    margin:40px auto
  }
  .tcms-media-item {
    display:block;
    text-decoration:none
  }
  .tcms-media-item-bg {
    width:100%;
    aspect-ratio:16 / 9;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:16px;
    overflow:hidden;
    transition: 1.5s;
  }
  
  .tcms-media-item:hover .tcms-media-item-bg {
    transform: scale(1.1);
    opacity: 0.6;
    transition: 0.5s;
  }