'How to scale down images efficiently in css?

What I've done currently to scale down my image is to manually adjust them in css. The original picture is 1920 x 1219. Though, I find this to be highly inefficient, tedious and inaccurate. Can anyone help me find a better solution?

.planePic{
    width: 700px;
    height: 500px;
}


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source