:root {
    --form-control-color: #c400c4;
}
img{
    border-radius: 50%;
    border: 5px solid #595959;
    text-align: center;
}
table{
    width: 60%;
    border: 1px solid grey;
}
tr:nth-child(1) td:nth-child(1){
    background-color: rgb(221, 221, 221);
}
tr:nth-child(1) td:nth-child(2){
    background-color: rgb(98, 236, 155);
}
tr:nth-child(2) td:nth-child(1){
    background-color: rgba(123, 98, 236, 0.37);
    width: 50%;
}
tr:nth-child(2) td:nth-child(2){
    background-color: rgb(253, 255, 108);
}
input[type="radio"] {
    display: grid;
    place-content: center;
}

input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transition: 150ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
}

input[type="radio"]:checked::before {
    transform: scale(1);
}
image2{
    width: 20px;
    height: 20px;
    text-align: center;
}