Hi Team,
I want to achieve creating a diagram where an object is contained in multiple objects.
At the image below a Public subnet should be in both Availability Zone A and in Virtual Private Cloud (green rectangle).
(It is problematic because Availability Zone A is not simply contained in Virtual Private Cloud.)

A representation of the syntax error I got try to render the code is found below. (The error is thrown because of referring subnetA and subnetB in vpc.)
@startuml
actor user as "User"
rectangle cloud as "AWS Cloud" {
rectangle route53 as "Route 53"
rectangle region as "us-east-1" {
rectangle zoneA as "Availability Zone A" {
rectangle subnetA as "Public Subnet" {
rectangle securityGroupA as "Security Group"
}
}
rectangle zoneB as "Availability Zone B" {
rectangle subnetB as "Public Subnet" {
rectangle securityGroupB as "Security Group"
}
}
rectangle vpc as "Virtual Private Cloud" {
rectangle loadBalancer as "Application Load Balancer"
subnetA
subnetB
}
}
}
user --> route53
route53 --> loadBalancer
loadBalancer --> securityGroupA
loadBalancer --> securityGroupB
@enduml
Thanks in advance,
Logan