Not sure what the key information you need is, but if the key information here includes the "center" of the image, then just display the image in the center and specify a background for the elements with a fixed width and height. The following is to center the image to fill the entire element in equal proportions, and the excess part will be cut:

.image-container {
    ...
    background-image: url(your/path/to/image.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    ...
}

If your image is in a p tag, and the p has a set height and width, you can adjust the image according to the height and width of the p by setting the background-size: 100% 100% of the image...