﻿.truck-marker .truck-east {
    background-image: url('../png/truck-east.png');
    background-size: contain; /* Ensures the whole image fits inside */
    background-repeat: no-repeat; /* Prevents tiling */
    background-position: center top; /* Centers the image */
    display: inline-block;
    width: 24px; /* Adjust width */
    height: 24px; /* Adjust height */
}

.truck-marker .truck-west {
    background-image: url('../png/truck-west.png');
    background-size: contain; /* Ensures the whole image fits inside */
    background-repeat: no-repeat; /* Prevents tiling */
    background-position: center top; /* Centers the image */
    display: inline-block;
    width: 24px; /* Adjust width */
    height: 24px; /* Adjust height */
}

.truck-marker .truck-east-moving {
    background-image: url('../gif/truck-east.gif');
    background-size: contain; /* Ensures the whole image fits inside */
    background-repeat: no-repeat; /* Prevents tiling */
    background-position: center top; /* Centers the image */
    display: inline-block;
    width: 24px; /* Adjust width */
    height: 24px; /* Adjust height */
}

.truck-marker .truck-west-moving {
    background-image: url('../gif/truck-west.gif');
    background-size: contain; /* Ensures the whole image fits inside */
    background-repeat: no-repeat; /* Prevents tiling */
    background-position: center top; /* Centers the image */
    display: inline-block;
    width: 24px; /* Adjust width */
    height: 24px; /* Adjust height */
}

.truck-marker .plane-east {
    background-image: url('../png/plane-east.png');
    background-size: contain; /* Ensures the whole image fits inside */
    background-repeat: no-repeat; /* Prevents tiling */
    background-position: center top; /* Centers the image */
    display: inline-block;
    width: 24px; /* Adjust width */
    height: 24px; /* Adjust height */
}

.truck-marker .plane-west {
    background-image: url('../png/plane-west.png');
    background-size: contain; /* Ensures the whole image fits inside */
    background-repeat: no-repeat; /* Prevents tiling */
    background-position: center top; /* Centers the image */
    display: inline-block;
    width: 24px; /* Adjust width */
    height: 24px; /* Adjust height */
}