.football-pitch {
    position: relative;
    background-image: url('c:\Users\vojte\OneDrive\Documents\AlFebat\unnamed.jpg'); /* Path to your football pitch background */
    background-size: cover;
    background-position: center;
    height: 600px;
    width: 100%;
    border: 2px solid #000; /* Optional: To create a border around the pitch */
}

.pitch-container {
    position: relative;
    height: 100%;
    width: 100%;
}

.player {
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
}

.player img {
    width: 50px; /* Adjust player image size */
    height: 50px;
    border-radius: 50%; /* Circular player image */
    border: 2px solid white;
}

.player p {
    margin-top: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}