img {
    --s: min(50vw, 360px);
    /* control the size */
    width: var(--s);
    aspect-ratio: 1;
    object-fit: cover;
    object-position: top;
    padding: calc(var(--s)/4) calc(var(--s)/8) 0;
    box-sizing: border-box;
    background: conic-gradient(from 135deg at 50% 15%, #e0dee1, #28a6b5 25%, #0000 0);
    clip-path: polygon(-50% 0, 150% 0, 50% 100%);
    transition: .5s;
    cursor: pointer;
}

img:hover {
    padding: 0;
}

body {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-content: center;
    grid-template-columns: auto auto;
    background: url('https://sm.ign.com/ign_es/news/c/confirmado/confirmado-trunks-estara-en-dragon-ball-fighterz_nvrd.png') no-repeat center center/cover;
}