yes, it's a css topic. I wanted to get help because I couldn't. Normally it needs to be centered with this code
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
images do not appear when I use these codes, when I change these codes, it's not responsive.
https://codepen.io/rimedtades/pen/RwpRGxv
it happens partially when I use flexbox, but mobile seems problematic
body {
height: 1000px;
background: #000;
display: flex;
justify-content: center;
}