Executing "main" at <.animation>: can't evaluate field animation in type interface {}

support
1

I aded animations to my Hugo site.
I tried to add it to this div

 {{ with .Site.Data.homepage.head }}
    <div class="col-12 text-center" data-duration-in=".3" data-animation-in="{{ .animation }}" data-delay-in=".1">
 {{ end }}

homepage.yml

head:
  enable : true
  animation : "fadeInUp"

When I try to run Hugo I get this error:

Executing “main” at <.animation>: can’t evaluate field animation in type interface {}

What do I miss?
Any advice is highly appreciated :slight_smile:

2

I am closing this topic as you have already asked the same question here: Adding animations to Hugo site

Please do not open duplicate topics.