.container {
        position: relative;
        width: 100%;
        max-width: 400px;
    }

    /* The icon inside the overlay is positioned in the middle vertically and horizontally */
    .icon-edit {
        position: absolute;
        color: #233A9E;
        font-size: 20px;
        position: absolute;
        top: 10%;
        right: 15%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
    }

    .icon-delete {
        position: absolute;
        color: rgb(223, 0, 0);
        font-size: 20px;
        position: absolute;
        top: 10%;
        right: 5%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
    }

    /* When you move the mouse over the icon, change color */
    .fa-pencil:hover {
        color: rgb(58, 80, 179);
    }

    .fa-trash:hover {
        color: rgb(196, 67, 67);
    }