要将图像包裹在透明图像中，可以使用CSS中的display: inline-block属性以及vertical-align: middle属性来实现。以下是一个示例代码：

HTML代码：

CSS代码：

.wrapper {
    display: inline-block;
    position: relative;
    background: url('transparent-image.png') center center no-repeat;
    /* 设置透明图像作为背景，并居中显示 */
    background-size: contain;
    /* 调整背景尺寸以适应图像 */
    width: 300px;
    height: 300px;
}

.wrapper img {
    display: block;
    margin: 0 auto;
    /* 将图像居中显示 */
    max-width: 100%;
    max-height: 100%;
    /* 限制图像的最大宽度和最大高度以适应容器 */
    vertical-align: middle;
}

在这个示例中，我们创建了一个名为.wrapper的容器，并将图像放在其中。display: inline-block属性使得容器可以根据图像的尺寸来自动调整大小。position: relative属性是为了在容器中设置背景图像。

然后，我们使用background属性将透明图像设置为容器的背景，并使用background-size: contain属性调整背景尺寸以适应图像。

对于图像本身，我们使用display: block属性将其显示为块级元素，并使用margin: 0 auto将其水平居中。然后，使用max-width: 100%和max-height: 100%属性限制图像的最大宽度和最大高度，以确保图像适应容器。

最后，使用vertical-align: middle属性将图像垂直居中于容器中。

这样，图像就会被包裹在透明图像中，并且可以根据容器的大小自动调整。