HTML & CSS Help with border radius in wordpress app

[rasdalln]

Hi, complete code novice here...but I'm sure this will be a basic question to answer!

Trying to round the corners of images inside a pop-up box linked to a map. Within the plugin, there is a "template" section for editing the pop-up, and a more general CSS section for amends. The CSS box seems to be able to edit the border-radius for the actual pop-up box, but I am unsure how to achieve this for the image inside the box. Any help appreciated!

Thanks,
Nathan

Note: The first section of code is found in the CSS area and the second is the template for the pop-up box.

#mapsvg-map-3 .mapsvg-tooltip {

}

}
#mapsvg-map-3 .mapsvg-details-container {

}
#mapsvg-map-3 .mapsvg-directory-item {

}
#mapsvg-map-5 .mapsvg-popover {

background-color: #fffdf3;
  padding: 1px 1px;
  border-radius: 0px;
 
}


}
#mapsvg-map-3 .mapsvg-filters-wrap {

}

<!-- Show all images: -->
{{#each images }}
  <!-- Image fields "thumbnail", "medium", "full" -->
  <!-- are available in this block                -->
 
<img src="{{medium}}"/>

{{/each}}
<br>
<!-- DB Object fields are available in this template. -->
<br>
<h4>{{title}}</h4>
<!-- When you need to render a fields as HTML, use 3 curly braces instead of 2:-->
<p>{{{description}}}</p>

 

[Krygore]

In your selector tag, delve deeper into the tag and select the img element as well.

#mapsvg-map-5 .mapsvg-popover img{

background-color: #fffdf3;
  padding: 1px 1px;
  border-radius: 25px;
 
}

Give that a try.

And what coding language is that?