How to creat tcolor box like this?

Question

I'm trying to make tcolorbox like this above and I don't know what is the right way to do it...

This is possible to make tcolorbox like this? (The ABC can be at the center instead...)?

I tried few times and I really don't know how (I think to put the image as watermark, but the the image cropped or something else...)

Answer 1

Like this?

\documentclass[tikz,margin=5mm]{standalone}
\usepackage[most]{tcolorbox}
\tcbset
    {
        enhanced,
        left=8mm,
        right=8mm,
        boxrule=0.4pt,
        colback=red!5!white,
        boxrule=1pt,
        colframe=red!75!black,fonttitle=\bfseries,
        width=(\linewidth-4pt)/2,
    }
\begin{document}
\begin{tikzpicture}[]
    \node[anchor=south west,inner sep=0] at (0,0)(pic) {\includegraphics[width=\textwidth]{example-image}};
    \draw [ultra thick,red](current bounding box.north east) rectangle (current bounding box.south west);
    \node at ([yshift=-2.5cm] pic.center)
    {\begin{tcolorbox}
    \centering ABC
    \end{tcolorbox}};
\end{tikzpicture}
\end{document}

Giving some opacity to tcolorbox.

\documentclass[tikz,margin=5mm]{standalone}
\usepackage[most]{tcolorbox}
\tcbset
    {
        enhanced,
        left=8mm,
        right=8mm,
        boxrule=0.4pt,
        colback=red!5!white,
        boxrule=1pt,
        colframe=red!75!black,fonttitle=\bfseries,
        width=(\linewidth-4pt)/2,
         }
\begin{document}
\begin{tikzpicture}[]
    \node[anchor=south west,inner sep=0] at (0,0)(pic) {\includegraphics[width=\textwidth]{example-image}};
    \draw [ultra thick,red](current bounding box.north east) rectangle (current bounding box.south west);
    \node[] at ([yshift=-1.25cm] pic.center)
    {\begin{tcolorbox}[
    standard jigsaw,
    opacityback=0.2,  % this works only in combination with the key "standard jigsaw"
]
    \centering ABC
    \end{tcolorbox}};
\end{tikzpicture}
\end{document}