команда css border-radius, похоже, не работает на всех углах. HTML:
<img style = "object-position: -200px -100px;"
id = "wlimage"
<!--this is the image giving me problems--> src = "https://www.worldatlas.com/r/w1200/upload/56/a1/a7/shutterstock-
424782349.jpg">
css
#wlimage {
border-radius: 30px;
width: 50%;
height: 50%;
}
Что касается проблемы с радиусом границы, это связано с вашей настройкой object-position: -200px -100px;, которая скрывает большую часть изображения.






Проблема в том, что ваш object-position стиль смещает изображение в img кадре. Рамка закруглена, но вы видите (квадратную) кромку самого изображения.
Я добавил красную рамку, чтобы вы могли видеть, где находится граница элемента <img> по сравнению с тем, где внутри него находится край изображения.
#wlimage {
border-radius: 30px;
border: 4px solid red;
}<img style = "object-position: -200px -100px;"
id = "wlimage"
src = "https://www.worldatlas.com/r/w1200/upload/56/a1/a7/shutterstock-424782349.jpg">
Ваш HTML-код недействителен, отсутствует много закрывающих тегов